useEffectフックのしくみ - Qiita

Dave Ceddia氏による全5回におよぶReact Hooks入門記事の第4回を本人の許可を得て意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 原文： https://daveceddia.com/useeffect-hook-examples/ 想像してみてください。完璧なファンクションコンポーネントにある日、ライフサイクルメソッドを追加しなければらなくなったと。 ああ。 「何とかして回避できるかもしれない？」それが最終的には「もういいや、クラスに変更しよう！」となります。 class Thing extends React.Component に始まり、関数の本体を render にコピー＆ペーストし、最終的にライフサイクルメソッドを追加します useEffect フックならもっと上手くやれます。 useEffect によって、ファンクションコンポーネント

[hujuu]

“const [posts, setPosts] = useState([]); // async関数を使ってfetchをawaitする useEffect(async () => { // いつも通りfetchを呼ぶ const res = await fetch( "https://www.reddit.com/r/reactjs.json" ); // いつも通りデータを取得する const json = await res.json(); // 記事一