React系列--三大属性 props refs state

Posted 2021-01-21 yyzyxy

https://blog.csdn.net/ImagineCode/article/details/82429819

props:组件外部向组件内部传值用，标签属性都挂载在 props上，

　　<AddTodo    add={this.add}          length={todos.length}/>
　　AddTodo 　　组件内部就可以使用 props来获取值， this.props.length
　　　　　　        组件内部也可以获取外部传递的方法， this.props.add(xxx) //获取add方法并传值，这样同时也可以把内部的值传递给外部组件的add方法处理。

refs:标识组件内部标签对象，组件内以操作真实的目标dom
　　 <input ref="newTodo">                 this.refs.newTodo.value              //获取input中输入的值                 注意此处一个是 ref 一个是 refs

state:待研究
　　this.state({
　　　　attr1:state1,
　　　　attr2:state2　　
　　});