经过历时7个课时的学习,我们终于是完成了react组件三大核心属性state的学习,也通过这段时间的学习完成了我们用state来驱动页面更新的一个小demo,往后我们要开始react组件三大属性的第二个props,再往后的课程我们可能对state的知识点就一笔带过了,那么在学习props之前,今天这节课,我们来对state做一个阶段性的总结。

state的理解

  • state是一个存储用于驱动页面更新的对象,可以包含多对key-value
  • 组件被称之为状态机,通过更新state来驱动页面重新渲染
  • state存放在组件实例对象自身上

强烈注意

  • 组件中的render方法的中this为组件实例对象
  • 组件自定义方法被调用时的thisundefined,解决方法有两种:
  • 通过函数对象的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/