私はreact-routerを使用しており、URLでIDを取得するコンポーネントに移動し、このIDを使用してアクションを使用してサーバーからデータを取得する必要があります。
現時点では、componentWillMount
フックでアクション クリエーターを呼び出しています。
これは今のところ機能しますが、問題が発生します。render メソッドでは、myData
実際にレンダリングする前に、そのすべての属性が実際に存在するかどうかを確認する必要があります。
@connect(state => {myData: state.etc.myData})
export default class extends React.Component {
componentWillMount = () => {
this.props.dispatch(
ActionCreators.getData(this.props.params.id)
)
}
render() {
if (this.props.myData.hasNotLoaded) return <br/>
...
}
}
手動チェックなしでレンダリングする前にストアにデータを取得する別の方法はありますか?