使用react经常犯的错误

react是公认的前端三大框架之一，有很多科技公司使用它作为前端的主要开发框架。随着时间的推移，它变得越来越强大，也吸引了无数新人的加入，那么今天我们就来盘点一下新手使用react过程中经常犯的错误。

代码过于臃肿

react是提供组件功能的，因此我们应该尽量将我们的代码组件化，这样无论是调试，还是修改代码都非常的方便，并且它会大大节省我们的开发时间。

直接修改状态

react中state应该是不可变的，我们不能直接修改它，如果直接修改它，就会导致性能问题，而这些问题往往很难被发现。

传递属性的时候没有传递数值

js中数值和字符串还是有很大区别的，当我们进行严格判断等的时候，字符串和数值是不相等的，这个时候如果传递字符串可能会导致一些问题出现。

没有给list添加key

这是很容易犯的错误，当我们渲染列表的时候，如果我们没有使用到key的时候，我们经常不会添加它，但是如果当列表的长度很大的时候，不加key会导致性能大大降低。

认为setState是同步的

react中state的改变是异步的，而我们如果认为它是同步的，就会认为它的值是立刻生效的，但是有些时候它是有一定延迟的，如果不注意这点，就会导致数据的不一致。

过多依赖redux

redux毕竟是臃肿的，当你的应用没有很多全局状态变量的时候，你不需要引入redux，因为它是有性能消耗的。

代码结构混乱

如果你经常阅读开源代码，你会发现他们的代码结构非常整洁，而初学者往往喜欢自定义代码结构，这不仅不利于后期维护，也不利于代码的复用。