Javascript 为什么赢了'；不能正确反应物料界面模式打开？

我对材质ui库有问题，特别是组件。我在一个组件中有两个对话框，单击特定按钮后打开。问题是其中一个组件正常打开，但当单击第二个按钮（触发打开第二个对话框）时，它会关闭所有组件，唯一呈现给DOM的是一个空div，如下所示：

你认为这是什么原因造成的

我已经尝试了我找到的所有解决方案，我还尝试在组件布局中出现的每个地方替换对话框代码

这可能是材质ui的错误吗

以下是指向“材质ui”对话框组件的链接：

国家声明：

    const [state, setState] = useState({
        data: {
            myItems: [],
            open4: false
        },
        open: false,
        age: '',
        open3: false,
    });

---

传播国家和设定国家的目的是什么？。您可以简单地使用etState（{open3:false}）；。能否在codesandbox中共享代码？请共享状态变量声明部分

    <Dialog open={state.open3} onClose={handleClose3}>
    <DialogTitle>Изменения</DialogTitle>
    <DialogContent>
        <form>
            <FormControl>
                <input onChange={handleChange3('newName')} value={state.newName} placeholder="Название группы"></input>                                    
                <Button onClick={updateAreaTwo}>Изменить</Button>
                <Button onClick={handleClose3}>Закрыть</Button>
            </FormControl>
            <br/>
        </form>
    </DialogContent>
</Dialog>

    const handleClose3 = () => {
        setState({ ...state, open3: false });
    };

    const handleClickOpen3 = () => {
       globalActions.setAreaThreeShow(false);
       setState({ ...state, open3: true });  };

    const [state, setState] = useState({
        data: {
            myItems: [],
            open4: false
        },
        open: false,
        age: '',
        open3: false,
    });