- state是局部的,只能被组件自身控制、保存、修改的状态管理
- props是让组件的父组件(外部)传入参数来控制、保存和修改状态,而自身并无法控制、修改,只能通过外部重传的方式改变状态,否则会报错
- 项目中,推荐用props来管理状态,尽量少地写有state组件
4.demo:
class HelloWorld extends Component {
constructor() {
super()
}
sayHi () {
alert('Hello World')
}
render () {
return (
<div onClick={this.sayHi.bind(this)}>Hello World</div>
)
}
}
const HelloWorld = (props) => {
const sayHi = (event) => alert('Hello World')
return (
<div onClick={sayHi}>Hello World</div>
)
}
尽量多地用props管理状态,将提升项目代码的可维护性,提升代码的复用性!