对一个定义路径路径做出反应以进行编辑并添加表单

Question

我想为表单添加和编辑创建一个路径路径。那是可行的吗？如果是的话。如果不是，请告诉我什么是最佳做法。 我必须定义类似的路线：

＆LT;路径路径=“/ edituser /：id”component = {EditUser} /＆gt;

＆LT;路径路径=“/ edituser”component = {EditUser} /＆gt;

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

祝你好运。