2019/11/14 点击:560
Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 render () { return ( ul { this . state . todoItems . map (({item, key}) = { return li key = {key} {item} / li })} / ul )}
2019/11/14 点击:501
1、React 速度很快:它并不直接对 DOM 进行操作,引入了一个叫做虚拟 DOM 的概念,安插在 javascript 逻辑和实际的 DOM 之间,性能好。 2、跨浏览器兼容:虚拟 DOM 帮助我们解决了跨浏览器问
2019/11/14 点击:497
把树形结构按照层级分解,只比较同级元素。 给列表结构的每个单元添加唯一的 key 属性,方便比较。 React 只会匹配相同 class 的 component(这里面的 class 指的是组件的名字) 合并操作,
2019/11/14 点击:483
初始化阶段: getDefaultProps:获取实例的默认属性 getInitialState:获取每个实例的初始化状态 componentWillMount:组件即将被装载、渲染到页面上 render:组件在这里生成虚拟的 DOM 节点 componentDi
2019/11/14 点击:513
(react 性能优化是哪个周期函数?)
2019/11/14 点击:409
虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存,利用 dom diff 算法避免了没有必要的 dom 操作,从而提高性能。 用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的
2019/11/14 点击:528
Refs 是 React 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄。 我们可以为元素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄,该值会作为回调函数的第一个参数返
2019/11/14 点击:664
setState 是修改其中的部分状态,相当于 Object.assign,只是覆盖, 不会减少原来的状态 replaceState 是完全替换原来的状态,相当于赋值, 将原来的 state 替换为另一个对象,如果新状态属性
2019/11/14 点击:427
React.createClass()、ES6 class 和无状态函数。
2019/11/14 点击:495
为了解决跨浏览器兼容性问题,您的 React 中的事件处理程序将传递 SyntheticEvent 的实例,它是 React 的浏览器本机事件的跨浏览器包装器。 这些 SyntheticEvent 与您习惯的原生事件具有相同