Redux 装饰器在 React 组件状态中获取数据

Question

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


}

这里我想获取 react 组件状态下的 reducer 数据，如 this.state.data。如何编写代码来获取 react 组件状态下的 reducer 数据？

Answer 1

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

export default class Test extends React.Component {

    constructor(props){

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

    }

}

Answer 2

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

Redux 装饰器在 React 组件状态中获取数据

Redux decorators get data in react component state

reactjs

react-redux