小编raw*_*tar的帖子

如何使用 axios 管理 ReactJS 中的不同 API 端点

这里我有我的第一个表单,它从控制台中的提交按钮给出值 userid 和值 1、2 或 3,就像这样 {userId: "1243", Submit: "1"} 所以他们将值发布到api(codesandbox 中的第 124 行)

  `.post(`https://jsonplaceholder.typicode.com/posts`, payload)` 
Run Code Online (Sandbox Code Playgroud)

然后我有另一个表单,其中三个按钮 nSubmit1、nSubmit2 和 nSubmit3 也假设以相同的格式发送值(就像这样{userId:“1243”,submit:“1”}),

PostForm.jsx 文件中的第 168 行

  <form>
   <button
            value={submit1}
            onClick={() => this.submitHandler(this.state.submit1)}
          >
            nSubmit1
          </button>
          <button
            value={submit2}
            onClick={() => this.submitHandler(this.state.submit2)}
          >
            nSubmit2
          </button>
          <button
            value={submit3}
            onClick={() => this.submitHandler(this.state.submit3)}
          >
            nSubmit3
          </button>
   </form>
Run Code Online (Sandbox Code Playgroud)

但是对于 diff api,我在哪里以及如何定义第二个 api 并将我的提交值映射到它...userId 应该是两个 api 的通用值

https://codesandbox.io/s/vigorous-ptolemy-p1s4i?file=/src/components/PostForm.js

我还需要以“jsonplaceholder.typicode.com/posts?loadId=${this.userId}&eventName=${this.eventName}”的格式发送有效负载

reactjs

2
推荐指数
1
解决办法
926
查看次数

标签 统计

reactjs ×1