問題タブ [react-context]

私は ReactJs のコンテキストに頭を悩ませようとしていますが、最終的に状態名と countNumber を表示するためにある程度の進歩を遂げました。

ただし、 formatCount() 関数で使用されている現在の状態を置き換える方法を見つけるのにまだ苦労しています。

以下の例でこれを行う方法を誰か教えてもらえますか?

メソッド formatCount() で 5 など、コンテキストで数値を使用したいので、次のようになります。

これが私のコンテキストです

これが私のカウンターコンポーネントです

私たちはプロジェクトに取り組んでおり、ビジネス、ユーザー、組織としてさまざまな役割を担っています。そのために、ロールごとに異なるタブを用意しています。

組織のリストをバインドする各タブをクリックしている間、現在、各ファイルで組織のリストを取得するコードを繰り返していましたが、これはベスト プラクティスではありません。したがって、より堅牢にするコンテキスト API を使用して、単一のコード ファイルを使用して、組織のリストを取得します。

すべてが正常に機能しますが、リストから組織を削除した後、小道具を設定できません。コードは次のとおりです。

context.js

List.js

ユーザー.js

すべての組織を表示するコンテキストを作成し、user.js で定義<Provider>し、list.js でアクセスします。<Consumer>

現在、いくつかの組織を削除し、DB から削除されていますが、リストは更新されず、削除されたレコードが消えるページを更新すると、古い値が表示されます。

現在、更新された組織をコンテキストで送信したいのですが、小道具を取得していません。

コンテキストを取得するための小道具を設定するにはどうすればよいですか?

Consumer から Provider 状態への更新に直面しています。