問題タブ [react-hooks]

コードはこちら: https://codesandbox.io/s/nw4jym4n0

問題は、各setCounterトリガーが再レンダリングされるため、間隔がリセットされて再作成されることです。状態 (カウンター) が増加し続けるため、これは問題ないように見えるかもしれませんが、他のフックと組み合わせるとフリーズする可能性があります。

これを行う正しい方法は何ですか？クラスコンポーネントでは、間隔を保持するインスタンス変数を使用すると簡単です。

反応フック（useReducer）を使用しようとしました。エラーが発生しました

TypeError: Object(...) は関数ではありません

ここにコードを添付し、エラーのスクリーンショットも添付します。

このエラーを修正する方法。

TypeScript を使用して React (^16.6.0) アプリケーションにフックを実装しようとしています。

このインポートの正しい構文は何ですか?

Reactフックを使用してクラスをステートレス コンポーネントにリファクタリングしようとしています。

コンポーネント自体は非常にシンプルで、react ドキュメントからのコピー ペーストに近いので、どこで間違いを犯しているのかわかりません。

ユーザーがボタンをクリックすると、コンポーネントにポップアップが表示されます (ボタンは小道具を介してコンポーネントに渡されます)。を使用してtypescriptいます。

hooksバージョンでやりたいことができない行にコメントしました

これが私の元のクラスです：

React hooksバージョンは次のとおりです。

だから私は得るdispatcher.useEffect is not a function

render メソッド内で関数を使用しようとしています:

私のRoot.jsファイルは次のようになります。

そして最後に Preload.js で useEffect を使用します

そのエラーに対するほとんどの回答は、人々が useEffect 内で関数を使用するのを忘れているというものでしたが、私の場合はそうではありませんでした。

React の新しいフック機能を試していました。次の2つのコンポーネントがあることを考慮して（React Hooksを使用）-

HookComponentフックは、コンポーネント間でステートフル ロジックを共有する問題を解決すると主張していますが、との間の状態は共有できないことがわかりましたHookComponent2。たとえば、 の変更は の変更をレンダリングcountしHookComponent2ませんHookComponent。

useState()フックを使用してコンポーネント間で状態を共有することは可能ですか?

以下のコードでは、呼び出し時に_toggleSearch2 つのフックを同時に更新します。

toggleSearchIsVisibleは単純なブール値ですが、setActiveFilterフックは前のsearchIsVisible状態で渡す必要があります。

渡されたときに他の状態がまだ更新されていないことを確認するにはどうすればよいですか? または、他にどのようにすべてを再構築する必要がありますか? 以前setStateは以前の状態で簡単に通過できました。

私は今のところこれで行きました：

他の提案は大歓迎です！