問題タブ [react-router-v4]

私は現在redux-optimistic-ui、データベースに保存しながらユーザーに何かをすぐにレンダリングできるように使用しています。

正規化された redux ストアのスライスが db に保存されて ID が返される前に、一時 ID を生成します。この ID は、サーバーの応答を取得すると置き換えられます。

私が抱えている問題は、ルーティングに関連しています。ID はアプリのルートで頻繁に使用されるため、一時 ID を生成すると、サーバーの応答を待つ間に URL で使用されます。

history.replaceStateそれを行う方法は、新しいサーバーが生成したIDを含むURLと同等のことを行うことだと思います。

私は react-router v4 を使用していますが、どこでそれを行うべきかわかりません。redux reducer から直接行うことはできないようです。SUCCESSアクションをリッスンし、リダイレクトする URL も保存する別の UI レデューサーが必要ですか? または、よりクリーンな方法はありますか？

ありがとう ！

オンライン チュートリアルで自分自身に反応することを学んでいます。

これは、React Router の使用に関する基本的な例です。

私のアプリコンポーネントで:

しかし、IndexRoute を使用すると何も表示されないので問題があるため、npm で react-router-dom v4 のモジュールを検索すると、内部に IndexRoute がありません。代わりにこれを使用します：

では、1つのパスに対して2つのコンポーネントをレンダリングするにはどうすればよいですか?

react-routerプロジェクトを v3から v4に移植しようとしていますreact-router-dom。ここで、現在のパスが何であれ、まったく同じリンクを表示するため、(ご想像のとおり) ルーティング ロジックから完全に分離されている MenuBar コンポーネントがある場合に問題が発生します。これは v3 ですべてうまく機能しましNavLinkたが、同じactiveClassNameプロパティを持つ を使用している場合、アクティブなルートは NavBar で更新されず、更新時にのみ更新されます。それは少しばかげているように思えるので、これを回避する方法があるはずです。

上記はメインのアプリ ロジックであり、ご覧のとおり、ルートはネストされていますが、ルーター自体がコンポーネント全体をラップしています。

それらを再び機能させるには何を追加すればよいですか? (ページの更新時に正しく機能します)

次の2つのルートがあるとしましょう：

今、ルートをヒットしようとすると、パラメーターを使用し/newsてルートルートがトリガーされます...Homeparam1

解決策は、このようにparam1の前に疑問符を設定して/?param1、ルートから切り離すことができると思いますが、react-router v4でこれを行う方法がわかりません

ルーターのセットアップ用に次のコードがあります。

ただし、次のエラーが発生します。