編集用の定義ルートパスを1つ反応させてフォームを追加します。

Question

フォームの追加と編集にONEルートパスを作成します。それは可能ですか？もしそうなら、どうやって？いいえ、ベストプラクティスが何であるか教えてください。 私はそのような同様の経路を定義する必要があります

<ルートパス= "/ edituser /：ID" コンポーネント= {EditUser} />

<ルートパス= "/ edituser" 成分= {EditUser} />

Answer 1

反応ルータのドキュメントを読むと、ヌル可能なパラメータをルータに渡すことができます。

これは、パラメータがないかどうかを確認できることを意味し、nullの場合は追加状況、そうでない場合は編集状況を確認できます。あなたのケースで

あなたはこのようにあなたのルートを定義する必要があります。

<Route path="/edituser/:id?" component={EditUser} /> 

IDがNULL可能で、合格合格であってもなくてもよいです。

constructorで

、その後、またはComponentDidMountこのようにそれを確認してください。

if (typeof this.props.match.params.id == 'undefined') 
    //Add 
else 
    //Edit 

幸運。