在 ReactJS 的 useEffect 中定义后 useEffect 值保持不变答案

【问题标题】：useEffect value remains same after defining it in useEffect in ReactJS在 ReactJS 的 useEffect 中定义后 useEffect 值保持不变
【发布时间】：2022-01-19 12:29:15
【问题描述】：

我有一个组件，我想在渲染后获取 API，并将响应数据放入 useState 值中。

所以，在获取 API 后，我尝试在 useEffect 回调中 setState，但没有任何效果。

const [values, setValues] = useState([])

useEffect(() => {
    fetchValues().then(function(result) {
        setValues(result.data)
    })
}, []);

提前感谢您的帮助。

【问题讨论】：

代码看起来正确。确保 result.data 有一些值。

标签： javascript reactjs use-effect use-state

【解决方案1】：

您需要链接另一个then 方法。例如，如果返回的数据是 JSON，将其转换为 JS 对象：

const [values, setValues] = useState([])

useEffect(() => {
    fetchValues().then(result => result.json())
   .then(data => {
       setValues(data)
    })
}, []);

如果返回的数据是文本，将result.json()替换为result.text()

【讨论】：