如何通过api调用使用React.Suspense？

Question

我已经阅读了有关React.Suspense的文档，看起来不错，但是如何在执行api调用时（例如使用axios来使用它？）>

更具体地说，为什么此代码不起作用？

export default function Foo(){
const [state, setState] = useState()

useEffect(()=> {
    axios.get("url")
    .then(res=> setState(res.data))
    .catch(_=> setState(null)
}, [])

return (
    <Suspense fallback="loading data">
       <div>hello {state.name}</div>
    </Suspense>
)
}

谢谢！

我已经阅读了有关React.Suspense的文档，这看起来很棒，但是如何在执行api调用（例如使用axios时，如何使用它？更具体地说，为什么此代码不起作用？导出默认值...

Answer 1

Suspense用于异步加载Components，而不是API。它用于延迟加载使用React.lazy导入的组件。