React 自定义钩子多次调用 useState

钩子多次调用 useState"/>

React 自定义钩子多次调用 useState

自定义挂钩，

const useMyHook = () => {
    const [state, setState] = useState(true);

    const changeState = () => {
        setState(false);
    };

    const logState = () => console.log(state);

    return { changeState, logState };
};

组件，

function App() {
    const { changeState, logState } = useMyHook();

    useEffect(() => {
        changeState();
        setTimeout(logState, 2000);

        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, []);

    return <>...</>
}

但是在输出中总是给出

true

changeState

useEffect

依赖项：

• 节点版本：18.14.2
• 纱线版本：1.22.19
• 反应版本：18.2.0