摘要: 1.虚拟dom 原生的JS DOM操作非常消耗性能,而React把真实原生JS DOM转换成了JavaScript对象。这就是虚拟Dom(Virtual Dom) 每次数据更新后,重新计算虚拟Dom,并和上一次生成的虚拟dom进行对比,对发生变化的部分作批量更新。在此其中,React提供了compo 阅读全文
posted @ 2022-10-01 09:21 beifeng11996 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 前言 不知道大家有没有过这个疑问,React 中 setState() 为什么是异步的?我一度认为 setState() 是同步的,知道它是异步的之后很是困惑,甚至期待 React 能出一个 setStateSync() 之类的 API。同样有此疑问的还有 MobX 的作者 Michel Wests 阅读全文
posted @ 2022-10-01 09:04 beifeng11996 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 开发者普遍认为状态是组件的一部分, 但是同时却又在剥离状态上不停的造轮子, 这不是很矛盾么? 对于一个最简单的文本组件而言 function Text(){ const [text, setText] = useState('载入') return (){ <p>{text}</p> } } 你觉得 阅读全文
posted @ 2022-09-30 09:41 beifeng11996 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 提问:react项目中的JSX里,onChange={this.func.bind(this)}的写法,为什么要比非bind的func = () => {}的写法效率高? 声明: 由于本人水平有限,有考虑不周之处,或者出现错误的,请严格指出,小弟感激不尽。这是小弟第一篇文章,有啥潜规则不懂的,你们就 阅读全文
posted @ 2022-09-30 09:22 beifeng11996 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 调用 setState 之后发生了什么 在代码中调用 setState 函数之后,React 会将传入的参数与之前的状态进行合并,然后触发所谓的调和过程(Reconciliation)。经过调和过程,React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个 UI 界面。 阅读全文
posted @ 2022-09-27 13:00 beifeng11996 阅读(62) 评论(0) 推荐(0) 编辑
摘要: React中constructor和getInitialState的区别? 两者都是用来初始化state的。前者是ES6中的语法,后者是ES5中的语法,新版本的React中已经废弃了该方法。 getInitialState是ES5中的方法,如果使用createClass方法创建一个Component 阅读全文
posted @ 2022-09-27 12:57 beifeng11996 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 可以使用TypeScript写React应用吗?怎么操作? (1)如果还未创建 Create React App 项目 直接创建一个具有 typescript 的 Create React App 项目: npx create-react-app demo --typescript (2)如果已经创 阅读全文
posted @ 2022-09-26 07:45 beifeng11996 阅读(31) 评论(0) 推荐(0) 编辑
摘要: React中keys的作用是什么? render () { return ( <ul> {this.state.todoItems.map(({item,i}) => { return <li key={i}>{item}</li> })} </ul> ) } 在React Diff算法中React 阅读全文
posted @ 2022-09-26 07:44 beifeng11996 阅读(28) 评论(0) 推荐(0) 编辑
摘要: Redux 和 Vuex 有什么区别,它们的共同思想 (1)Redux 和 Vuex区别 Vuex改进了Redux中的Action和Reducer函数,以mutations变化函数取代Reducer,无需switch,只需在对应的mutation函数里改变state值即可 Vuex由于Vue自动重新 阅读全文
posted @ 2022-09-25 08:31 beifeng11996 阅读(55) 评论(0) 推荐(0) 编辑
摘要: (在构造函数中)调用 super(props) 的目的是什么 在 super() 被调用之前,子类是不能使用 this 的,在 ES2015 中,子类必须在 constructor 中调用 super()。传递 props 给 super() 的原因则是便于(在子类中)能在 constructor 阅读全文
posted @ 2022-09-25 08:29 beifeng11996 阅读(16) 评论(0) 推荐(0) 编辑