
react
文章平均质量分 61
木头没有瓜
王者也飘然
展开
-
react 数组删除某一项更新setState无效的问题,react js怎么删除数组某一项,splice删除了某一项页面数据却不变
【代码】react 数组删除某一项更新setState无效的问题,react js怎么删除数组某一项,splice删除了某一项页面数据却不变。原创 2023-09-07 00:07:07 · 544 阅读 · 0 评论 -
error Missing “key“ prop for element in array react/jsx-key
检查了jsx中使用map的,都定义了key。因为使用了数组,数组的第一个元素要用key。但还是报错,代码提交eslint一直提示。最终,通过单元代码测试,发现是这货。react遇到一个奇怪的问题。原创 2023-09-06 22:47:03 · 1444 阅读 · 0 评论 -
React 知识点
1、调用setState之后,发生了什么? 1)、合并state 把传入setState()里的参数对象和当前的state进行(属性)合并。 触发调和过程(Reconciliation) 2)、 重新渲染组件 2.1) React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个 UI 界面; 2.2) React 会自动计算出新的树与老树的节点差异(用diff算法),然后根据差异对界面进行最小化重渲染2、state和props的区别 1)、原创 2022-03-30 09:10:38 · 939 阅读 · 0 评论 -
vue和react的区别是什么?
原文地址:vue和react的区别是什么? - 知乎1、监听数据变化的实现原理不同Vue通过 getter/setter以及一些函数的劫持,能精确知道数据变化。React默认是通过比较引用的方式(diff)进行的,如果不优化可能导致大量不必要的VDOM的重新渲染。为什么React不精确监听数据变化呢?这是因为Vue和React设计理念上的区别,Vue使用的是可变数据,而React更强调数据的不可变,两者没有好坏之分,Vue更加简单,而React构建大型应用的时候更加鲁棒。2、数据流的不同原创 2022-02-07 18:43:45 · 2009 阅读 · 0 评论 -
react-受控组件和非受控组件
受控组件在React官网有给出这样的简述:原文链接在 HTML 中,表单元素(如<input>、<textarea>和<select>)通常自己维护 state,并根据用户输入进行更新。而在 React 中,可变状态(mutable state)通常保存在组件的 state 属性中,并且只能通过使用setState()来更新。我们可以把两者结合起来,使 React 的 state 成为“唯一数据源”。渲染表单的 React 组件还控制着用户输入过程中表单...原创 2022-01-04 15:32:15 · 191 阅读 · 0 评论 -
React面试题
Q1:什么是虚拟DOM?难度:⭐虚拟DOM(VDOM)它是真实DOM的内存表示,一种编程概念,一种模式。它会和真实的DOM同步,比如通过ReactDOM这种库,这个同步的过程叫做调和(reconcilation)。虚拟DOM更多是一种模式,不是一种特定的技术。????资料来源:github.com/sudheerj????参考资料:什么是虚拟DOMQ2:类组件和函数组件之间有什么区别?难度:⭐⭐ 类组件(Class components) 无论是使用函数或是类来声明原创 2021-12-23 11:45:58 · 344 阅读 · 0 评论 -
常见react面试题汇总(适合中级前端)
常见react面试题汇总(适合中级前端)转自https://segmentfault.com/a/1190000016885832?utm_source=tag-newest#item-11React 中 keys 的作用是什么?Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。render () { return ( <ul> {this.state.todoItems.map(({item, key}) =>原创 2021-11-08 14:11:54 · 661 阅读 · 0 评论 -
React 部署nginx二级目录(子目录)
一、背景描述:react打包出来的文件,想部署在 如 https://www.abc.com/webapp下,本项目使用的是history:hash 模式,如果使用的是history:browser ,可参考该大神的文章https://www.freesion.com/article/5887723973/二、解决方法1、修改/添加 配置// package.json"homepage":"."2、在每一个index.html文件添加# webapp 是你自己文件夹的名原创 2020-06-30 11:29:39 · 4892 阅读 · 0 评论