无状态组件
无状态组件其实就是一个函数,它不用再继承任何的类(class),当然如名字所一样,也不存在state(状态)。因为无状态组件其实就是一个函数(方法),所以它的性能也比普通的React组件要好。
无状态组件的改写
把UI组件改成无状态组件可以提高程序性能,具体来看一下如何编写。
- 首先我们不在需要引入React中的
{ Component },删除就好。 - 然后些一个
TodoListUI函数,里边只返回JSX的部分就好,这步可以复制。 - 函数传递一个
props参数,之后修改里边的所有props,去掉this。
现在我们作项目,一定想着找个组件是否可以作成无状态组件。如果能做成无状态组件就尽量作成无状态组件,毕竟性能要高很多

浙公网安备 33010602011771号