Декораторы Redux получают данные в состоянии реактивного компонента

Question

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


} 

Здесь я хочу получить данные редуктора в состоянии реагирующего компонента, например this.state.data. Как написать код для получения данных редуктора в состоянии реагирующих компонентов?

Answer 1

Поскольку вы используете link-redux @connect, вы получите data как свойство в своем компоненте. Чтобы получить это как состояние, вам придется вручную установить опору в качестве состояния в вашем конструкторе Component.

export default class Test extends React.Component { 

    constructor(props){ 

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

    } 

} 

Answer 2

Поскольку вы уже делают mapStateToProps в @connect, вы можете вызвать this.props.data в компоненте для доступа к данным. Надеюсь это поможет!