將帶有對象的列表存儲在 state 中以供將來在反應中使用

Question

我從我的 axios 響應中得到這樣的響應，我想將其存儲在 state 中以進一步傳遞它。

請幫助我如何將其存儲在 state 中。我對反應很陌生。

Answer 1

您可以通過將 state 變量設置為如下所示來完成此操作：

const Component = () => {
   let [items, setItems] = useState([]);

   useEffect(() => {
      axios.get('https://someurl.com')
      .then(data => {
          setItems(data)
      })
   }, [])
}

在您的渲染 function 中，您可以正常訪問項目數組。 希望這可以幫助！

Answer 2

首先從反應中導入 useState ，然后對您得到的響應執行類似的操作。

    import react, {useState} from 'react'
        const App = () => {
        const [data,setData} = useState([])
}

在觸發添加事件的 function 內部

setData(res.data)

Answer 3

如果要將響應保存在state中，首先需要創建一個state：

const [value, setValue] = React.useState([]);

接下來，您需要使用setValue將您的響應放入 state：

setValue(API_RESPONSE)

所以 React 將渲染這個變化，你可以打印value來查看這個 const 有什么價值。