React props和state的区别

来源:互联网 发布:淘宝菜鸟驿站网点查询 编辑:程序博客网 时间:2024/06/05 02:22

React中通过状态实现dom的渲染,组件状态分为两种:props和state。

  • props
    props是指组件间的状态传递,由于React是单向数据流(自上而下)的,所以props从父组件传递给子组件。在组件之间通信用
    组件内部的this.props属性是只读的,不能修改

  • state
    state是组件内部的状态,只能通过setState来改变,用来更新组件内部的数据

    props和state之间是紧密联系的,父组件的state可以转化为props传递给子组件,这种情况下,对于子组件来说,props是只读的,想要改变子组件的props,可以通过改变父组件的state来改变。这时候需要父组件传递给子组件一个方法来改变父组件的state