React Hooks：思ったより簡単です。

新しいことを学ぶことは、時には圧倒的で退屈なものになることがあります。ただし、Reactフックの場合はそうではありません。フックを学ぶのに時間をかけたことがなく、主にクラスベースのdコンポーネントを使用している場合は、試してみる時期かもしれません。

私が最初にReactを学んだとき、私はクラスベースのコンポーネントのみを使用しました。それは私が教えられ、最もよく知っているものだからです。ただし、Blassベースのコンポーネントの利用方法を知っておくのは良いことですが、それらは「時代遅れ」です。業界は、機能ベースのコンポーネントを使用する道を進んでいます。

フックは、関数内でクラスライフサイクルメソッドと状態を使用する方法として作成されました。これにより、一般的にクラスベースのコンポーネントが不要になります。

これを実証するための最も簡単な方法は、を見て、ある状態でクラスベースのコンポーネント：

注目すべき4つの主なポイントは次のとおりです。

• 状態はによって初期化されstate: {}ます。
• クラスのThis関数と変数をターゲットにするためのキーワード。
• クラスベースコンポーネントのthisキーワードのエラーを回避するための矢印関数の必要性。
• setState()状態の変化について。

すぐに気付くべき最初のことは、クラスがないことです。

その直後の2つ目は、Stateを初期化する方法です。

これを簡単に説明してみましょう。

• termあなたの州が現在ある時点での状態です。書く代わりに、this.state.termそれはただですterm。
• setTerm本質的にsetStateは、よりカスタマイズされた名前を除いてです。名前を付けるだけで、まったく同じように機能します。
• useStateフックです。目的は、Stateの特定のキーが何に等しくなければならないかを初期化することです。文字列を使用しているため、空の文字列を初期化します。