MUI 模态中的副作用

Question

我在我的项目中使用 React 17.0.1 和 Material-UI 4.11.2。 当我尝试在 useEffect 钩子中为模态生成副作用时，它会在模态渲染之前执行。

import React, { useEffect } from "react";
import { Modal } from '@material-ui/core';

const MyModal = ({ sideFunction, isModalVisible, closeModal }) => {
    useEffect(() => {
        sideFunction();
    }, []);
    
    return (
        <Modal open={isModalVisible} onClose={closeModal}>
            <div>MODAL</div>
        </Modal>
    );
}

Answer 1

尝试在您使用此 model 的地方有条件地渲染您的 model。 代替：

<MyModal ...props />

像这样使用：

{isModalVisible && <MyModal ...props />}