fetch-on-render
コンポーネントをrenderするさいにデータを取得する。
Reactでは useEffect フックや componentDidMount ライフサイクルメソッド内でデータを取得することで実現される。 code:fetch-on-render.jsx
const FetchOnRender = () => {
useEffect(() => {
if (data !== null) {
return;
}
fetch(...).then(() => {
...
setIsLoading(false);
setData(...);
});
return isLoading ? <div>loading</div> : ...;
};