React 関数/フックコンポーネントの componentDidMount と同等ですか? 質問する

Question

フックの安定バージョン（React バージョン 16.8.0+）

のためにcomponentDidMount

useEffect(() => {
  // Your code here
}, []);

のためにcomponentDidUpdate

useEffect(() => {
  // Your code here
}, [yourDependency]);

のためにcomponentWillUnmount

useEffect(() => {
  // componentWillUnmount
  return () => {
     // Your code here
  }
}, [yourDependency]);

したがって、この状況では、依存関係をこの配列に渡す必要があります。次のような状態があると仮定しましょう。

const [count, setCount] = useState(0);

そして、カウントが増加するたびに関数コンポーネントを再レンダリングします。すると、useEffect次のようになります。

useEffect(() => {
  // <div>{count}</div>
}, [count]);

この方法では、カウントが更新されるたびにコンポーネントが再レンダリングされます。これが少しでも役立つことを願っています。

Answer 1