問題タブ [react-router-component]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - React: react-router-component でナビゲートするときに未保存の変更を求める方法
Redux の状態は、保存されていない変更のフラグを保持します。このフラグが設定されている場合、ナビゲート (リンクをクリック) するときにユーザーにプロンプトを表示したいと考えています。私はreact-router-componentを使用しています。ドキュメントでこれを行う方法が見つかりませんでした。
reactjs - React Router マスター詳細: 子コンポーネントは、ページが更新されるまで新しいビューをレンダリングしません
ここの例と同じように、マスター/詳細ナビゲーションを作成しています 反応ルーターの例;
OneCheckpointContainerナビゲーション パネルCheckpointNav(リンク)をレンダリングするコンテナ コンポーネントと、データ コンポーネントOneCheckpointData(この男はロード時にデータをフェッチし、OneCheckpointView.
リンクの 1 つをクリックしてCheckpointNavも、ブラウザーの URL が変更される以外は何も起こりません。新しいデータがフェッチされ、新しいコンポーネントが子ビューにレンダリングされるのは、ページを更新するまでではありません。（エラーもありません）
このバグが、子コンポーネントがビューだけでなくデータのフェッチも担当しているためかどうかはわかりません。
ルートを設定する方法は次のとおりです。
OneCheckpointContainer
ここにCheckpointNavがありますが、バグがここにあるとは思いません。
更新しない限り、 OneCheckpointData は新しいデータをフェッチせず、新しいデータをレンダリングしません。
** OneCheckpointView は無関係であるため省略しました **
reactjs - React.js ネスティング ステートレス機能コンポーネント別のステートレス コンポーネントでは、RangeError: 最大コール スタック サイズを超えました。
私は1つのコンポーネントを持っています:
そして私は別のものを持っています：
この2番目のものは、別のコンポーネントをラップする単なるコンポーネントであることに注意してください....
次のエラーが表示され続けます。RangeError: Maximum call stack size exceeded
ただし、代わりに次のように変更すると:
それはうまく動作します。唯一の違いは、インデックス ルートが "Body" の最初のものは、機能的な App コンポーネントをラップする単なる機能的なコンポーネントであることです。最大呼び出しスタック サイズ エラーが発生するのはなぜですか?
javascript - 反応ルーター「未定義のプロパティ「プッシュ」を読み取れません」
私は反応し、ルーターを反応させるのはかなり新しいです。
反応の問題は、私のアプリケーションの一部のページで反応ルーターが機能していて、一部のページで次のようなエラーが発生することです:「未定義のプロパティ 'プッシュ'を読み取れません」.
私は反応0.14.1を使用しています
私のルーティングコードは次のようになります。
私のコンポーネントは次のようになりました：
誰でもこれで私を助けることができますか？ありがとう。
reactjs - ルーターを使用してタブのコンテンツを変更する
反応アプリケーションを作成しています。反応ルーターを使用してボタンクリックで「タブコンテンツエリア」を変更できますか? 2 つのタブがあります。ボタンをクリックすると、いずれかのタブの内容を変更したい。ページの他のすべては同じままである必要がありますが、タブのコンテンツです。これどうやってするの？
reactjs - 反応ルーターコンポーネントのコンテキストルートを変更する方法
web.xml で Web アプリケーションのデプロイ コンテキスト パスを / から /foo に変更したところ、react-router-component (react-router ではない) が動作を停止し、次のエラーが発生しました。
Uncaught Error: React-router-component: No route matched! Did you define a NotFound route?
react-router-component がコンテキスト パスを検出しないのはなぜですか? また、どこで設定する必要がありますか? アプリケーションが発生した任意のパスで調整することをお勧めしますが、ハードコーディングも問題ありません。
react-router-component のドキュメントを読みましたが、アプリケーション コンテキスト ルートについては何も言及されていませんでした。
reactjs - 反応でルーティングパラメータの値にアクセスするには?
アプリのセクションに「動的ルート」が必要です。これは次のように行われました。
これまでのところこれでうまくいきますが、Component では id の値にアクセスしたいと思います。どうやってやるの？
html - react-router-component でページを更新する方法
シングルページアプリケーションでルーティングを処理するために、react-router-component (react-router ではない) を使用しています。ページを更新するか、アドレス バーにルートを手動で入力すると、ページが見つかりません。react-router-component でアドレスによる更新とナビゲーションを処理するにはどうすればよいですか?
javascript - react-router v4で子コンポーネントに小道具を渡す
以前は、react-router v3.* で、小道具を子コンポーネントに渡しました。
<Match />これは、新しいAPIを使用して react-router v4 でどのように行われますか?
これまでのところ、私が思いついた解決策は、 APIrenderでメソッドを使用することです。<Match />
ES6スプレッド構文を使用して小道具を子コンポーネントに渡します。子コンポーネントへのすべての標準的な小道具 (場所、パターン、パス名、isExact) も一緒に運ぶより良い方法はありますか?