在ReactJs中显示Api

如何解决在ReactJs中显示Api

我试图遍历ReactJS中来自API调用的数据，但是我不断收到“ TypeError：无法读取未定义的属性'map'”我在做什么错了？

function TryFetch() {
const [camps,setCamps] = useState([]);



useEffect(() => {
    axios.get(api)
        .then( res => {
            console.log(res)
            setCamps(res.data)
        })
        .catch(err => {
            console.log(err);
        })
},[])

return (

        <div>
            <ul>

                {camps && camps.RECDATA.map(post => (
                    <li key={post.CampsiteID}>{post.CampsiteID}</li>

                ))}
                
                
                
            </ul>   
        </div>

    )

}

解决方法

在第一次运行map时，反应正在运行RECDATA的时候。

像这样更改代码

将{camps && camps.RECDATA.map(post => (替换为{camps && camps.RECDATA && camps.RECDATA.map(post => (