从axios获取的值作为另一个状态的初始值-React Hooks

时间:2019-09-27 01:00:26

标签: reactjs

任何关于如何从Axios提取值的想法都会是另一种状态的初始值?

我会尝试使其呈现状态更新后使用效果

代码如下:

const [code, setCode] = useState(0);`enter code here`
  useEffect(() => {
    const result = data[0] ? data[0].code: 0; // <- fetched from axios
    setCode(result);
});

2 个答案:

答案 0 :(得分:0)

您可以通过进行类似于componentDidMount的useEffect来进行api调用并将这些值分配给您的状态:

 useEffect(() => {
    const result = data[0] ? data[0].code: 0; // <- fetched from axios
    setCode(result);
},[]);

这只会在您第一次渲染后调用。我了解您希望api返回的值是您的初始状态,但这是做到这一点的最佳方法。

答案 1 :(得分:0)

知道了,我将数据[0]放入部门。

代码:      useEffect(() => { const result = data[0] ? data[0].code: 0; setcode(result); }, [data[0]]);