Здравствуйте, у меня возникла небольшая проблема, я пытаюсь отобразить данные в своем компоненте, вот мой компонент:
// Store data in the global state
const mapStateToProps = ({ moduleState }) => ({
operationsContrat: moduleState.contrat.operationsContrat
});
// execute the action
const mapDispatchToProps = dispatch => {
return {
getOperationContrat: (...args) =>
dispatch(getOperationContrat(...args))
};
};
class Operations extends Component {
state = {
data: []
};
// Nod used
componentDidMount() {
if (this.props.operationsContrat.data.length === 0) {
this.props.getOperationContrat(4000003);
}
}
componentWillReceiveProps(nextProps) {
if (this.props.operationsContrat.loading && !nextProps.operationsContrat.loading) {
this.setState({ data: nextProps.operationsContrat.data });
}
}
render() {
console.log("operations");
console.log(this.state.data);
return (
<Fragment />
);
}
}
Итак, я получаю данные, и затем мой state.data снова пустчто вызвало у меня проблему, потому что данные не отображаются, вот что я вижу в своей консоли:
Итак, что происходит, когда мой componentWillReceiveComponent не выполняется, когда мой рендерметод выполняется в последний раз, я знаю, что случилось, я думаю, но я не знаю, как решить проблему.
Я могу предоставить любой необходимый код, если он вам нужен, чтобы лучше понять проблему.
Любая помощь будет высоко ценится.