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

Question

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

因此，在获取 API 之后，我尝试在useEffect回调中设置状态，但没有任何效果。

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

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

提前感谢您的帮助。

Answer 1

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

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

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

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