当组件在连接函数组件中使用钩子进行安装时，如何派遣操作

Question

[react-redux]

我正在寻找一种适当的方法来派遣映射的操作，该操作包含一个承诺在组件安装时从服务器中获取某些数据并更改状态的承诺。

使用{bindactionCreators}的组件构造从{react-redux"中的{connect}中的{bindactionCreators}进行了支撑。

目前，我正在使用Skip Flag使用Usefetch Hook，但我认为这不是一个好练习，因为对每个州的效果都会发射效果，并且由于标志而不会运行。

    const [skipUpdate, setSkipUpdate] = useState(false);
    useEffect(() => {
        if (!skipUpdate) {
            props.fetchData();
            setSkipUpdate(true);
        }
    }, [skipUpdate, props]);

我希望当组件挂载时，"调度效应"也会被解雇，也不是在每个状态上也会更改。

Answer 1

使用效果与空依赖关系数组：

useEffect(() => { props.fetchData(); }, []);

这只会在初始安装上运行。