React18之外框架如何实现官方推荐的数据请求姿势？

2026-03-31 17:020阅读0评论SEO资源

本文共计1504个文字，预计阅读时间需要7分钟。

目录+引言+这是一个普遍存在的问题+为什么不建议这样写？+需要解决的是哪些长期问题+点击返回按钮后重新请求数据+CSR时的白屏时间+瀑布问题+推荐的方式+总结+引言+一些同学喜欢在useEffect中请求数据

引言

一些同学喜欢在useEffect中请求初始数据，类似这样：

useEffect(() => { fetch(xxx).then(data => setState(data.json())) }, [])

但React18并不推荐这种方式。

这么写有什么问题？如果不推荐这种方式，那么推荐的方式是什么呢？

本文来看看Dan在reddit是如何回答上述问题的。

本文共计1504个文字，预计阅读时间需要7分钟。

一些同学喜欢在useEffect中请求初始数据，类似这样：

useEffect(() => { fetch(xxx).then(data => setState(data.json())) }, [])

但React18并不推荐这种方式。

这么写有什么问题？如果不推荐这种方式，那么推荐的方式是什么呢？

本文来看看Dan在reddit是如何回答上述问题的。