リデューサー内からエラーをログに記録する方法

Question

私は Redux を初めて使用するため、エラー メッセージをコンソールに記録する方法について少し混乱しています。 React、Redux Toolkit、TypeScript を使用しています。

これは私が作成したリデューサーの例です:

リーリー

ご覧のとおり、渡した量が 1 未満であるか、使用可能なリソースの量を超えている場合、エラーがスローされます。このエラーをコンソールに記録して、開発ツールで確認できるようにしたいのですが、無効な数値を渡すと何も記録されません。これを実現するために、カスタム ミドルウェアを追加して、try/catch ブロックで next(action) をラップし、catch ブロックが console.error(err) を呼び出します。同じ結果を達成するために、ルート コンポーネント レンダラーを try/catch でラップしようとしました。アプリケーション内の未処理のエラーがログに記録されました。

グーグル検索しても役に立たなかったので、誰かアイデアを教えていただけますか? Redux または Redux Toolkit の何かがエラーをキャッチしたのだと思いますが、その情報がどのように処理されるのかはわかりません。

Answer 1

React Redux ドキュメントには、いくつかの ミドルウェアの例 が記載されており、そのうちの 1 つは「クラッシュ レポーター」です。

簡単な実装は次のようになります:

リーリー リーリー ＃＃＃デモ＃＃＃