react的三大属性 state props refs

react

1. state（存储数据）
   1. 在class定义组件中添加state   直接添加在constructor构造器中   以this.state={} 的方式添加
   2. 修改 通过this.setState（{}） 进行state的改变
   3. 访问  通过this.state.属性名
2. props（组件标签属性的集合）
   1. 访问 通过this.props.属性名 进行访问 （props的值不能改变，state中的值可以被改变）
   2. 设置初始值
      1. App.defaultProps={} 进行设置
      2. 直接在class定义组件中使用 static defaultProps={} 进行设置（目前只可在脚手架中使用）　　
3. refs（通过操作虚拟dom获取真实dom）
   1. ref 的值是字符串 可以直接通过this.refs.ref的值  来获取元素并设置相关的属性
   2. ref的值是箭头函数  如 ref={（h3）=>this.doms=h3} doms起到了临时存放dom元素的作用 可以通过this.doms 直接操作属性　　

 

 

 

1. state（存储数据）
   1. 在class定义组件中添加state   直接添加在constructor构造器中   以this.state={} 的方式添加
   2. 修改 通过this.setState（{}） 进行state的改变
   3. 访问  通过this.state.属性名
2. props（组件标签属性的集合）
   1. 访问 通过this.props.属性名 进行访问 （props的值不能改变，state中的值可以被改变）
   2. 设置初始值
      1. App.defaultProps={} 进行设置
      2. 直接在class定义组件中使用 static defaultProps={} 进行设置（目前只可在脚手架中使用）　　
3. refs（通过操作虚拟dom获取真实dom）
   1. ref 的值是字符串 可以直接通过this.refs.ref的值  来获取元素并设置相关的属性
   2. ref的值是箭头函数  如 ref={（h3）=>this.doms=h3} doms起到了临时存放dom元素的作用 可以通过this.doms 直接操作属性