Как отправить действие, когда компонент монтировался с использованием хуков в подключенном компоненте функции?

Question

[React-Redux]

Я ищу правильный подход для отправки сопоставленного действия, которое содержит обещание получить некоторые данные с сервера и изменить состояние в хранилище при монтировании компонента.

Создатель действия привязан к компонентам, используя {bindActionCreators} из "redux" в {connect} из "Reaction-redux";

В настоящее время я использую useFetch Hook с флагом пропуска, но я думаю, что это не очень хорошая практика, потому что эффект срабатывает при каждом изменении состояния и просто не запускается из-за флага.

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

Я ожидаю, что «эффект диспетчеризации» будет срабатывать только при монтировании компонента, и не при каждом изменении состояния.

Answer 1

Использовать эффект с пустым массивом зависимостей:

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

Это будет выполняться только при первоначальном монтировании.