問題タブ [reach-router]

セットアップ: アクションクリエーターにデータを送信するフォームがあり、アクションクリエーターは API に送信して結果を取得します。私が望むのは、フォームが正常に送信されたときに、空白の入力でフォームを更新することです。

コンポーネントはこんな感じ

これは console.log(this.props) の結果です

これは、アクションクリエーターがどのように見えるかです

現在の動作

フォームを送信して API が 201 を返すと、ページが更新されず、入力が空白になりません

予想される動作:

API から 201 を取得すると、ページが更新され、入力が空白になります。

これを達成する方法を教えてください。

これは私の App.js

そして、これは私の Navbar.js です

しかし、しかし、私はエラーが発生しています: 要素の型が無効です: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、未定義です。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れている可能性があります。または、デフォルトのインポートと名前付きインポートを混同している可能性があります。

しかし、リンクの代わりにアンカー タグを使用すると、エラーは発生せず、アプリは正常に動作します。この点で助けが必要

しかし、次のように App.js で Navbar コンポーネント全体をコーディングすると。

上記の App.js で問題なく動作しています。

@reach/router を使用するときに検索パラメータを設定するにはどうすればよいですか? props.history.push を使用しましたが、props.history はまだ定義されていません。ページの状態が変化したときの私のコードは次のとおりです