reactjs - 响应 useEffect 以在组件安装和依赖项更改时运行

Question

我想知道如何在组件安装和依赖值更改中运行 useEffect 副作用。目前我正在使用两个 useEffects 来实现这一目标。

useEffect(() => {
    let isMounted = true;
    const getUsers = async () => {
        try {
            const userResponse = await api.get('/users');
            if (isMounted) { setUsers(userResponse.data); }
        } catch (error) {
            console.log(error);
        }
    };
    getUsers();
}, []);

useEffect(() => {
    let isMounted = true;
    const getUsers = async () => {
        try {
            const userResponse = await api.get('/users');
            if (isMounted) { setUsers(userResponse.data); }
        } catch (error) {
            console.log(error);
        }
    };
    getUsers();
}, [netInfo]);

有没有办法使用一个 useEffect 来实现这一点？

Answer 1

在第一次安装组件和每次重新渲染时运行

useEffect(() => {})

第一次单独挂载组件时运行

useEffect(() => {}, [])

在第一次安装组件时以及每当 someDependency 的值发生变化时运行。

useEffect(() => {}, [someDependency])

您可以删除第一个 useEffect 。