切换到表单提交反应的新页面

问题描述

我有这个（在我的 contact.js 文件中）。

axios
      .post('http://localhost:3000/create',book)
      .then(() => console.log('Created'))
      .then(() => this.props.history.push({Home}))
      .catch(err => {
        console.error(err);
      });

它成功调用了这个，但现在我想在同一个文件夹中呈现一个新页面，它是 home.js。我想知道在调用后端之后我怎么能做到这一点。我可以从前端做，还是必须在后端做？

解决方法

如果您的 home.js 页面的 url 位置是“/home”，您可以使用 history.pushState 方法触发页面刷新。

不过，从 React 框架继承的路由器也可能有一些实现的方法来完成此任务。请记住，history API 可以访问导航器历史记录，允许您触发上一页的呈现、刷新等。

您通过 DOM Window 对象访问历史 API，例如对 pushState 方法的调用应如下所示：

window.history.pushState(null,"","/Home");

否则你也可以使用来自 BOM 对象的位置 API

location.assign('/Home');

类似于 window.history.pushState 方法

https://www.javascripttutorial.net/javascript-bom/javascript-redirect/