首頁猿問使用 React hooks 對(duì)...

使用 React hooks 對(duì) json 數(shù)據(jù)進(jìn)行切片

JavaScript

瀟湘沐 2023-10-20 16:39:01

我有一個(gè)返回這個(gè) json 的 api，我想做的是，我只是獲取 json 返回的“名稱”并將其放入文本組件中。我嘗試這樣做，但它返回 null 或完整 json。{ "user": { "_id": "1", "name": "User Name", "email": "user@test.com", } }const [cars, setCars] = useState([]); async function loadCars() { const response = await api.get('me'); setCars(response.data); }

查看完整描述

1 回答

aluckdog

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊

由于某些代碼是抽象的，我假設(shè)“response.data”是您上面發(fā)布的 JSON 對(duì)象？如果是這樣，您可以簡(jiǎn)單地setCars將response.data值更改為您想要在狀態(tài)中捕獲的字段

如：

????async?function?loadCars()?{
????????????const?response?=?await?api.get('me');
????????????????????setCars(response.data.user.name);
????}

在此示例中，您還將 state 初始化為空數(shù)組，因此您可能會(huì)考慮將其與未來值對(duì)齊，并使用useState("")oruseState(null)以便條件渲染基于 state 是否有一個(gè)帶有值的字符串，或者根本不再是無效的。不管怎樣，它與你的真實(shí)問題無關(guān)。

反對(duì) 回復(fù) 2023-10-20