如何将 JSON 对象添加到 react.js 功能组件中的数组状态

Question

在使用 map 方法时，我需要将来自 axios 的所有信息以 JSON 的形式保存在状态中。

问题是当我在 axios 请求后使用 map 方法时，它只是将最后一个 JSON 添加到状态，但我的 JSON[ 中有 9 个对象=15=]

const [expensesData , setExpensesData] = useState([])

useEffect(() => {
    axios.get('API-address')
    .then(res => {
        res.data.map( info => {
            setExpensesData(
                [
                    ...expensesData,
                    {info}
                ]
            )
        })
    })
    .catch(e => console.log(e))
} , [])

Answer 1

const [expensesData , setExpensesData] = useState([])

useEffect(() => {
    axios.get('API-address')
    .then(res => {
        setExpensesData(res.data);
    })
    .catch(e => console.log(e))
} , [])

Answer 2

最后一行将提高你应用程序的性能当您的费用数据

时，它将呈现调用的方法

    const [expensesData , setExpensesData] = useState([])
    
    useEffect(() => {
        axios.get('API-address')
        .then(res => {
            setExpensesData(res.data);
        })
        .catch(e => console.log(e))
    },[expensesData])

如何将 JSON 对象添加到 react.js 功能组件中的数组状态

How to add JSON objects to array state in functional component in react.js

arraylist

setstate

reactjs