反應一個定義路徑進行編輯並添加表單

Question

我想爲表單添加和編輯創建一個路徑路徑。這是可能的嗎？如果是的話。如果不是，請讓我知道什麼是最佳做法。 我必須定義類似這樣的路線：

<路由路徑= 「/ edituser /：ID」 成分= {EditUser} />

<路由路徑= 「/ edituser」 成分= {EditUser} />

Answer 1

如果您閱讀react-router文檔，您會看到可以將空的參數傳遞給路由器。

這意味着你可以檢查一個參數，然後如果它爲null，那麼它就是一個Add情況，如果不是它的編輯情況。

你的情況

你應該定義你的路線是這樣的：

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

這是id爲空，可以通過或不通過。

，然後在constructor或ComponentDidMount檢查它是這樣的：

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

好運。