React 状态管理 state props 区别简介

1. state是局部的，只能被组件自身控制、保存、修改的状态管理
2. props是让组件的父组件（外部）传入参数来控制、保存和修改状态，而自身并无法控制、修改，只能通过外部重传的方式改变状态，否则会报错
3. 项目中，推荐用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管理状态，将提升项目代码的可维护性，提升代码的复用性！