reactで動的にファイルをfetchする方法について困っています。
stateとpropsを同時に子コンポーネントに渡したいので下記のように記述しました。
jsx
1<Route exact path='/document/:id' 2 render={props => <Contents file={this.state}{...props} />}/>
が、Contentsコンポーネントではrender()メソッド内でしか
propsを受け取れない状態です。
受け取ったパラメータを元にfetchしたいのですが、
fetchした時に、レスポンスデータを取り出すのにsetState()が必要で、
render内で使えない認識です(無限ループ)。
この書き方でrender()メソッド以外で親コンポーネントの
パラメータを受け取る方法はありませんでしょうか。
他にアプローチ方法があれば参考リンクなどいただけますでしょうか。
stackoverflowは読めます。
環境:
react 16.3
react-router:4.2.2
ちょっと状況や何を解決したいのが十分に伝わってこないです。こちらの質問のヒントを参考にして、第三者にも伝わるように全体的に補足をして下さい。https://teratail.com/help/question-tips
もしくは、(好ましくはそれに加えて)、現象を再現するために必要な最小限のコード一式を漏れなく掲載して下さい。