With the help of post method you can send data to another server.
import React, { useEffect, useState } from "react"
function App() {
const [name,setName]=useState("");
const [email,setEmail]=useState("");
const [mobile,setMobile]=useState("");
function saveData()
{
let data={name,email,mobile}
// console.warn(data);
fetch("http://localhost:4000/todo", {
method: "POST",
headers: {
"Accept": "application/json",
"Content-Type": "application/json",
},
body:JSON.stringify(data)
}).then((resp)=>{
// console.warn("resp",resp);;
resp.json().then((result)=>{
console.warn("result",result)
})
})
}
return (
<div className="App">
<h1>POST API Example </h1>
<input type="text" name="name" value={name} onChange={(e)=>{setName(e.target.value)}} /> <br /> <br />
<input type="text" name="email" value={email} onChange={(e)=>{setEmail(e.target.value)}} /> <br /> <br />
<input type="text" name="mobile" value={mobile} onChange={(e)=>{setMobile(e.target.value)}}/> <br /> <br />
<button type="button" onClick={saveData} >Save New User</button>
</div>
);
}
export default App;© www.thecoderjob.com. All Rights Reserved. Designed by HTML Codex