使用 reactjs 更改当前页面位置

change current page location with reactjs

我可能使用了一个糟糕的结构,但我有一个 reactjs jsx 文件,它呈现一个用于新建/编辑资源的表单。如果路径是 mysite.com/myresource/edit/{id}mysite.com/myresource/new,则路由器会发送相同的文件,具体取决于用途。

如果提交了表单并且它在 new 路径上,它将通过 ajax API POST 调用创建一个资源,它会更新使用PUT 如果它在 edit 路径上。

我的问题是 POST 之后我该做什么?我想使用成功的 POST 操作返回的新 ID 将用户重定向到 myresource/edit/{id},但我不确定如何使用 react-router 执行此操作。我可以只使用 javascript window.location 吗?

有了 react-router 你可以使用 props.history.push('/myresource/edit/{id}')

文档:https://reactrouter.com/web/api/history