Когда я нажимаю на документ, данные успешно извлекаются, однако, когда я go перехожу на ту же страницу и делаю refre sh, то выборка документа больше не выполняется (я проверял его в браузер). В чем может быть причина такого поведения?
это мой componentDidMount
@inject('selectedDocsStore')
@observer
class GeneralDocPresenter extends React.Component {
state = {
metaInfoDocs: [],
docs: [],
loading: false
};
componentDidMount() {
this.props.selectedDocsStore.clear();
this.props.selectedDocsStore.setViewDocId(0);
this.setState({loading: true});
this.props.fetchMetaDocs()
.then((r) => this.setState({metaInfoDocs: r.data, loading: false}))
.catch(err => {
this.setState({loading: false});
errorWithMessage('Could not load documents');
});
this.props.eventManager.on('viewDoc', (doc) => {
this.loadDocuments(doc.id);
})
}
render() {
return <Translation>
{(t) => {
if (this.state.loading) {
return (
<div style={{display: 'flex', justifyContent: 'center'}}>
<Spin size={"medium"}/>
</div>
)
}
if (this.state.metaInfoDocs.length === 0) {
return (
<div style={{display: 'flex', justifyContent: 'center'}}>
<NoDocumentsAlert><div dangerouslySetInnerHTML={{__html: t('noDocuments')}}/></NoDocumentsAlert>
</div>
)
}
return (
<DocViewWrapper docs={this.state.docs}
metaInfoDocs={this.state.metaInfoDocs.map(doc => {
return {...doc, type: this.props.type}
})}
eventManager={this.props.eventManager}
settings={this.props.settings}
childComponents={this.props.childComponents}
/>
)
}}
</Translation>
}
loadDocuments(id) {
this.props.loadDocument(id).then(r => {
this.setState({
docs: r.data
})
});
}
}