基于react开发state和props使用

1.页面节点获取

2.组件内部数据管理对象  -- state

  在react中只有两种数据:

  一个是组件内部数据 -- 称为state数据(当前组件的状态数据),还有一个是组件外部数据

   类组件的render方法只有这两种数据的更新会触发

定义state,在构造函数中必须先调用super(),名字必须是state,在使用的时候: this.state.定义的key

3.类组件传值数据管理对象 -- props

    父传子:通过props来进行传递,在父组件中可以使用属性绑定(可以使用展开运算符进行多个属性绑定),

在子组件中使用this.props来接收数据,可以传递一切数据

   子传父:通过事件回调方法,在父组件中给子组件元素绑定一个方法属性,然后再子组件中直接调用

这个方法来进行数据传递

4.组件传值数据类型管理 -- prop-types

  安装一个社区库:yarn add prop-types/cnpm i -S prop-types

 

posted @ 2022-03-07 20:34  cc-front  阅读(75)  评论(0)    收藏  举报