下面的代码正在从我的API中获取数据。同时,当我单击find button
时,我应该在控制台中得到响应状态201
,但我没有得到它,并且在每个帖子请求中,用户列表始终相同。这是我提取的问题吗?
import React, {useEffect, useState} from 'react';
const Data = () => {
const [state, setState] = useState([]);
const [firstname, changeFirstname] = useState('');
const [lastname, changeLastname] = useState('');
useEffect(() => {
async function getData() {
const response = await fetch('http://localhost:8010/proxy');
const myJson = await response.json();
console.log(myJson);
setState(myJson)
}
getData();
}, []);
function changeFirstName(e) {
changeFirstname(e.target.value)
}
function changeLastName(e) {
changeLastname(e.target.value)
}
function saveVal() {
console.log(firstname + " " + lastname);
fetch('http://localhost:8010/proxy', {
method: "POST",
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
}, body: JSON.stringify({
firstName: firstname, lastName: lastname
})
}).then(response => response).then(data => console.log(data))
}
return (
<div>
<div className="fetch">
<ul>
{state.map(i => <li>{i.firstName + i.lastName}</li>)}
</ul>
<input onChange={changeFirstName} type="text" placeholder='add your name'/>
<input onChange={changeLastName} type="text" placeholder='add your last-name'/>
<button onClick={saveVal}>find</button>
</div>
</div>
);
}
export default Data;