当组件在连接的功能组件中使用Hook挂载时,如何调度动作?

时间:2019-05-17 20:32:12

标签: javascript reactjs redux react-redux react-hooks

[React-Redux]

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

使用“ react-redux”中的{connect}中的“ redux”中的{bindActionCreators},将动作创建者绑定到组件道具;

当前,我正在将useFetch Hook与一个skip标志一起使用,但是我认为这不是一个好习惯,因为在每次状态更改时都会触发该效果,并且由于该标志而无法运行。

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

我希望在组件安装好之后才触发“调度效果”,这也不是在每个状态更改时都会发生。

1 个答案:

答案 0 :(得分:0)

在空白的依赖项数组中使用效果:

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

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