react 基础语法复习3- 数据传递 & 数据变化(props&&state)

react当中的数据传递是通过 props以及 state来实现的

props

<Header name="kugeliu" />

Header组件当中有个name属性，那么在Header组件当中就可以通过 this.props.name  来获取到 “kugeliu” 这个数据了

在react当中props一般用于父组件给子组件传递数据使用，一般不允许对它进行修改

state 

props是不能修改的，但是当我们需要修改数据的时候怎么办呢，这中可以修改的数据就用state来代替 props

在构造函数当中初始化 state, 并且继承父组件的属性和作用域

this.state = {}  初始化        this.setState({})  通过这个函数对state数据进行更新

这个时候组件的数据就会根据state里面数据的变化来实时的更新数据了