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 />}