经过历时7
个课时的学习,我们终于是完成了react
组件三大核心属性state
的学习,也通过这段时间的学习完成了我们用state
来驱动页面更新的一个小demo
,往后我们要开始react
组件三大属性的第二个props
,再往后的课程我们可能对state
的知识点就一笔带过了,那么在学习props
之前,今天这节课,我们来对state
做一个阶段性的总结。
对state
的理解
state
是一个存储用于驱动页面更新的对象,可以包含多对key-value
- 组件被称之为状态机,通过更新
state
来驱动页面重新渲染 state
存放在组件实例对象自身上
强烈注意
- 组件中的
render
方法的中this
为组件实例对象 - 组件自定义方法被调用时的
this
为undefined
,解决方法有两种: - 通过函数对象的
bind()
方法来强制绑定this
- 赋值语句加箭头函数
state
不允许直接修改或者更新,必须借助setState()
以上就是state
中的一些重要的知识点
这么看来好像state
是不是没有什么东西?
但是state
却是react
组件三大属性中最难的一个属性我们这次总结其实只是提了一下对state
的理解,以及在使用state
时的注意事项,具体的细节我们就不提了,大家多看多用,来加深记忆和自己的理解。
Copyright statement:The articles of this site are all original if there is no special explanation, indicate the source please when you reprint.
Link of this article:https://work.lynchow.com/article/summary_state/