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

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 

好运。