18

反応 v16.7.0 で導入されたフックを調べました。

https://reactjs.org/docs/hooks-intro.html

したがって、フックについての私の理解は、react でクラス コンポーネントを記述することなく、機能コンポーネントで状態を操作できるということです。これは本当に素晴らしい機能です。

しかし、機能コンポーネントでフックを使用することについて明確なイメージが得られません。

   import { useState } from 'react';

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

    return (
      <div>
        <p>You clicked {count} times</p>
        <button onClick={() => setCount(count + 1)}>
         Click me
        </button>
      </div>
   );
  }

フックを使用する場合、上記の機能コンポーネントでライフサイクルメソッドを使用するにはどうすればよいですか?

4

4 に答える 4

2

ええと、実際にはライフサイクル メソッドはありません。=) ただし、ここに示すように効果フックを使用できますhttps://reactjs.org/docs/hooks-effect.html

エフェクト フックは、componentDidMount、componentDidUpdate、および componentWillUnmount の動作を複製できます。

したがって、コンポーネントにライフサイクル メソッドは必要ありません。代わりに、エフェクト フックが代わりに使用されます。=)

上記のリンクを読むと、それらがどのように機能するかについてのいくつかの例が得られます。

于 2018-11-08T19:16:11.543 に答える