被服务器重定向后反应处理表单提交（带有数据）？答案

【问题标题】：React handle form submit after being redirected by server (with data )?被服务器重定向后反应处理表单提交（带有数据）？
【发布时间】：2018-09-06 08:42:49
【问题描述】：

React 前端提交一个表单（POST），该表单被发送到后端。然后这个服务器响应一个包含 html 的 js 对象（我认为它应该重定向）？

我应该如何将用户重定向到收到的页面？

例如，如果我curl -X POST api.example.com api，它会返回这样的纯 html：

<html> ... </html>

当使用 postman 时，它会自动渲染这个 html。我应该如何在 React 中处理这个问题？

【问题讨论】：

【解决方案1】：

如果你使用 NodeJS + express

例子：

http.get('*',function(req,res){  
    res.redirect('/'+req.url);
})

【讨论】：

【解决方案2】：

您可以使用 react-router 重定向到特定页面。

Step 1: Wrap your <App /> inside <BrowserRouter />

转到调用服务的组件，然后在收到服务响应后重定向用户。

this.route.navigate(['/']);

正如您所说，您接收 HTML 以响应 REST 服务调用。如果您想在页面上呈现此内容。

let content = null;

content = response.data; // assign data to variable

现在在组件中显示如下：

class Content extends Component {
  render () {
    return (
     {this.content}
     ); 
    }
 }

【讨论】：