类别: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 进⾏传。


版权声明 : 本文未使用任何知识共享协议授权,您可以任何形式自由转载或使用。

 可能感兴趣的文章

评论区

发表评论 / 取消回复

必填

选填

选填

◎欢迎讨论,请在这里发表您的看法及观点。

«    2023年11月    »
12345
6789101112
13141516171819
20212223242526
27282930

最新留言