javascript - react性能问题？

Question

1. 如果组件层级过深会不会影响到App性能？，如果会的话一般会设置多少个层级

2. redux每次action的时候通过reducer产生一个新的state，那么如果action多了，state对象就多了，这样不会影响性能么？redux是如何规避的？

Answer 1

组件嵌套这个问题避免不了，为了复用代码，必须嵌套，否则代码量巨大。这也是react的弊端之一。一般来说，3-5级嵌套基本上能解决问题了，再深点估计也没问题。如果太深了，那首先要面对的问题绝对不是性能，是开发，你可能根本记不住参数到底从哪传到哪。可以适当的多一些代码，降低复用率，但是维护起来方便很多，性能也OK。至于state的问题，redux维护的是一个巨大的state。整个项目是一个state，分出来小的state到各个组件身上去。没有深入了解具体state是怎么运行的，感觉上应该是产生了新的state后，原来的state就变成了类似于没有引用的对象，会被系统释放掉。

Answer 2

试试 immutable

Answer 3

虚拟dom