reactjs - 防止第一次获取没有参数的api？

Question

我有一个const [id, setId] = useState上下文，它将在获取 API 后更新setIdid useEffect。然后，我有一个组件，它使用这个 id 作为参数来获取 API（这个 fetch 在 useEffect 中调用）。它有效，但在第一次时id = null，它显示，404 (Not Found)因为id = null。我该如何解决这个问题？谢谢。

标签： reactjsreact-hooksnext.js

Answer 1

请使用此渲染方法逻辑。安装组件时，您必须首先渲染某些内容

render() {
if(id!= null){
// your_render_logic
}else{
return </>
}
}