这里我有我的第一个表单,它从控制台中的提交按钮给出值 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 ×1