应用程序.js:
function App() {
const [items, setItems] = useState([]);
useEffect(() => {
const searchDB = () => {
fetch("http://127.0.0.1:8443/subColumns/5/?key=fc257229-8f91-4920-b71f-885403114b35", {
mode: 'cors',
credentials: 'include'
})
.then(res => res.json())
.then((json) => {
setItems(json);
})
console.log({items});
}
searchDB();
}, [])
我需要将 json 响应保持在状态变量中,因为将来 API 请求将不会被硬编码,并且我预计用户将在不刷新的情况下发出多个 API 请求,并且结果必须映射到不同的成分。目前,尝试将 {items} 打印到控制台会返回一个空数组。
最佳答案
由于setItems
是异步方法,因此无法在setItems之后立即获取更新的值。您应该使用另一个带有依赖项的 useEffect
来查看该值。
useEffect(() => {
console.log(items);
}, [items]);
关于javascript - 使用 JSON 数据响应更新状态变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64982687/