处理对React JS应用程序的Post请求

时间:2018-05-21 08:22:22

标签: node.js reactjs express react-router react-router-v4

我在ReactJS客户端编写了一个完整的应用程序。我可以使用<BrowserRouter>

在我的反应应用网址上接受/ API

我正在寻找一种向我的React App发布帖子请求的方法。例如。当用户向http://myreactapp.com发出帖子请求时,它应该识别Post请求并从此调用中获取Post Body,并且我想在React App加载之前为其分配一个状态。

我尝试在BrowserRouter上搜索很多东西,但我找不到1。

有人可以帮助我指导实现使用body params处理POST的方法。

我只对建议开放,而不是整个代码,因为我有点想到下一步该做什么。

render((
<BrowserRouter>
    <div>
        <Route exact path="/"
            render={() => (<App />)} />
        <Route path="/find/:find"
            render={(props) => (<App {...props} />)} />
    </div>
</BrowserRouter>
), document.getElementById('root')
);

我尝试使用BorwserRouter,但它似乎只接受Get参数而不是Post body。

我也听说过使用NodeJS或express作为后端,但有人可以帮我修改我当前的React代码,只转换为Express for Post请求,剩下的一切都保持不变,

TIA!

1 个答案:

答案 0 :(得分:0)

我们假设POST调用网址为 - 'http://baseurl.com/postcall/:postbody'

  1. 您必须使用上述表单的路径声明路线。

  2. 之后使用 match.params.postbody 将post call的正文存储在状态。

  3. 您可以显示加载程序,直到没有 this.state.postbody 并有条件地呈现您在 BrowserRouter 中编写的 div 。 ( {this.state.postbody&amp;&amp; ...}