はルータv4の正確な小道具トリガー2コンポーネント

Question

<Route exact path='/admin/task/create' component={ComponentA} /> <Route exact path='/admin/task/:id' component={ComponentB} />

を反応させ、私はそれがComponentBがトリガされますが、私はhttp://localhost:3000/task/createを打ったとき、それはComponentBとComponentAを打つだろう、なぜそれがそうであるhttp://localhost:3000/task/123訪問しますか？私は正確な小道具がそれを解決すると思った？

Answer 1

あなたのルータはお互いに独立していると思うので、2番目のルータは "create"というIDを受け取ります。

あなたはSwitch

<Switch> 
    <Route exact path='/admin/task/create' component={ComponentA} /> 
    <Route exact path='/admin/task/:id' component={ComponentB} /> 
</Switch> 

https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Switch.md

でルーターをラップする必要があります