摘要: 问题:props丢失 原因:高阶组件没有往下传递props 解决WrappedComponent,将state和this.props一起传递给组件 阅读全文
posted @ 2022-05-23 21:10 前端导师歌谣 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 1组件通讯是构建react应用不可少的一环 2props的灵活性和组件更加强大 3状态提升是react组件的常用模式 4组件生命周期有助于组件的运行过程 5钩子函数让开发者在特定的时机执行的拱门呢个 6render props模式和高阶组件都可以实现组件状态逻辑复用 阅读全文
posted @ 2022-05-23 21:10 前端导师歌谣 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 能够知道setState()更新数据是异步的 能够知道jsx语法的转换过程 能够说出React组件的更新机制 能够对组件进行性能优化 能够说出虚拟dom和diif算法 阅读全文
posted @ 2022-05-23 21:10 前端导师歌谣 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 1.1setState是异步更新数据的 //多次调用setstate只执行一次 this.state={count:1} this.setstate({ count:this.state.count+1 }) console.log(this.state.count)//1 //导入react im 阅读全文
posted @ 2022-05-23 21:10 前端导师歌谣 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 1.2推荐语法 this.setState((sate,props)=>{ }) 参数state:表示最新的state 参数props:表示最新的props //导入react import React from 'react' import ReactDOM from 'react-dom' // 阅读全文
posted @ 2022-05-23 21:10 前端导师歌谣 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 在状态更新后执行某个操作 setState(update,[callback]) //导入react import React from 'react' import ReactDOM from 'react-dom' //导入组件 // 约定1:类组件必须以大写字母开头 // 约定2:类组件应该继 阅读全文
posted @ 2022-05-23 21:10 前端导师歌谣 阅读(102) 评论(0) 推荐(0) 编辑
摘要: jsx是createElement的语法糖 jsx语法是被@babel/preset-react编译为createElement()方法 React元素 是一个对象 用来描述你希望看到的内容 阅读全文
posted @ 2022-05-23 21:10 前端导师歌谣 阅读(14) 评论(0) 推荐(0) 编辑
摘要: setState的两个作用 1修改state 2更新组件 父组件重新渲染的时候 也会重新更新子组件 但只会渲染当前组件子树 阅读全文
posted @ 2022-05-23 21:10 前端导师歌谣 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 减轻state 只存储更组件渲染相关的数据(count/列表数据/loading等) 注意:不用做渲染的数据不要放在state中 比如定时器id等 对于这种需要在多个方法用到的数据 应该放在this中 //导入react import React from 'react' import ReactD 阅读全文
posted @ 2022-05-23 21:10 前端导师歌谣 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 组件更新机制:父组件更新也会引起子组件也被更新 这种思路很清晰 子组件没有任何变化的时候也会重新渲染 解决方式 使用shouldComponentUpdate(nextProps,nextState) nextProps最新的props nextState最新的状态 shouldComponentU 阅读全文
posted @ 2022-05-23 21:10 前端导师歌谣 阅读(21) 评论(0) 推荐(0) 编辑