Redux装饰器以反应组件状态获取数据

Question

@connect(
    state => ({
        data: state.data
    }),
    dispatch => bindActionCreators({load}, dispatch))
export default class Test extends React.Component {


}

这里我希望得到反应组件状态的reducer数据，如this.state.data。如何编写代码以在反应组件状态中获取reducer数据？

Answer 1

由于您使用的是react-redux @connect，因此您将获得data作为组件中的属性。要将其作为状态，您必须手动将prop设置为Component构造函数中的状态。

export default class Test extends React.Component {

    constructor(props){

      super(props);
      this.state = {
      data : props.data
      }

    }

}

Answer 2

由于您已经在@connect中执行了mapStateToProps，因此可以在组件中调用this.props.data来访问数据。希望这有帮助！