类别:react / 日期:2023-02-26 / 浏览:269 / 评论:0
1、JSX做表达式判断时候,需要强转为boolean类型,如
render() { const b = 0; return <div> { !!b && <div>这是⼀段⽂本</div> } </div> }
如果不使⽤ !!b 进⾏强转数据类型,会在⻚⾯⾥⾯输出 0。
2、尽量不要在 componentWillReviceProps ⾥使⽤ setState,如果⼀定要使⽤,那么需要判断结束条件,不然会出现⽆限重渲染,导致⻚⾯崩溃。(实际不是componentWillReviceProps会⽆限重渲染,⽽是componentDidUpdate)
3、给组件添加ref时候,尽量不要使⽤匿名函数,因为当组件更新的时候,匿名函数会被当做新的prop处理,让ref属性接受到新函数的时候,react内部会先清空ref,也就是会以null为回调参数先执⾏⼀次ref这个props,然后在以该组件的实例执⾏⼀次ref,所以⽤匿名函数做ref的时候,有的时候去ref赋值后的属性会取到null
4、遍历⼦节点的时候,不要⽤ index 作为组件的 key 进⾏传。
版权声明 : 本文未使用任何知识共享协议授权,您可以任何形式自由转载或使用。
发表评论 / 取消回复