摘要: React必须使用JSX吗? React 并不强制要求使用 JSX。当不想在构建环境中配置有关 JSX 编译时,不在 React 中使用 JSX 会更加方便。 每个 JSX 元素只是调用 React.createElement(component, props, ...children) 的语法糖。 阅读全文
posted @ 2023-03-15 11:04 xiaofeng123aa 阅读(89) 评论(0) 推荐(0)
摘要: React 组件性能优化最佳实践 React 组件性能优化的核心是减少渲染真实 DOM 节点的频率,减少 Virtual DOM 比对的频率。如果子组件未发生数据改变不渲染子组件。 组件卸载前进行清理操作 以下代码在组件挂载时会创建一个interval组件销毁后清除定时器,间隔1秒会触发渲染coun 阅读全文
posted @ 2023-03-15 11:04 xiaofeng123aa 阅读(36) 评论(0) 推荐(0)
摘要: react 生命周期 初始化阶段: getDefaultProps:获取实例的默认属性 getInitialState:获取每个实例的初始化状态 componentWillMount:组件即将被装载、渲染到页面上 render:组件在这里生成虚拟的 DOM 节点 componentDidMount: 阅读全文
posted @ 2023-03-15 11:03 xiaofeng123aa 阅读(59) 评论(0) 推荐(0)
摘要: 一 引沿 Fiber 架构是React16中引入的新概念,目的就是解决大型 React 应用卡顿,React在遍历更新每一个节点的时候都不是用的真实DOM,都是采用虚拟DOM,所以可以理解成fiber就是React的虚拟DOM,更新Fiber的过程叫做调和,每一个fiber都可以作为一个执行单元来处 阅读全文
posted @ 2023-03-15 11:03 xiaofeng123aa 阅读(61) 评论(0) 推荐(0)