如何在React中编写和读取组件状态?

时间:2017-05-01 00:27:04

标签: reactjs

我有MyComponent使用setData()在state中写入数据,而getData()用于读取状态。这是React的最佳实践吗?它对我来说很好,但不确定我所做的是最简单的方法,请咨询

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: []
    };

  }

  setData(){    
    this.setState({data:"123"});   
  }

  getData() {
    console.log(this.state.data); // 123 OK !!!   
  }

  componentDidMount() {    
    this.setData();  

  }
  componentDidUpdate() { 
    this.getData();
  }
  render() {
    return (                     
       <div>           
          {this.state.data} // 123 OK !!!
       </div>                        
    );
  }
}

1 个答案:

答案 0 :(得分:3)

绝对没有理由这样做.. 只需在需要使用它的地方使用this.state.data ..

如果要在子组件中使用状态数据,则将其作为prop传递,您也可以将函数传递给更改父组件状态的子组件。