强制转换错误：在路径处"undefined"值的强制转换为对象 ID 失败

Question

我试图使用从api获取数据，在我的useEffect函数中，它由2个get请求组成。第二个get请求需要一个基于第一个get请求返回值的参数。但是我遇到了一个错误，这是CastError:转换为objecd失败的值& undefined&;在猫鼬的路径上。任何人都可以帮忙，或者有什么干净的解决方法吗?感谢!

例如:

const[data,setdata]=useState([])
useEffect(() => {
axios.get('http:localhost.....').then({res=>{
setdata(res.data)
}})
axios.get(`http:localhost.....${data._id}`)
}, [])

Answer 1

这是因为数据将在下一次渲染时可用，添加另一个useEffect来触发第二次调用，当数据有值:

const[data, setData]= useState([]);
useEffect(() => {
axios.get('http:localhost.....').then(res=> setData(res.data);
}, [])
useEffect(() => {
if(data.lenght){
axios.get(`http:localhost.....${data._id}`);
}
}, [data])