启用onHide功能时，React Bootstrap模式无法打开

问题描述

我注意到当我满足以下条件时，我的React Bootstrap模式不会打开： onHide={props.setShowModal(false)}。当我将其更改为onHide={props.setShowModal(true)}时，它将始终保持打开状态。

出了什么问题？

家长JS --------

    const [showModal,setShowModal] = useState(false);
    <AddModal showModal={showModal} setShowModal={setShowModal} />

MODAL -------

import React,{ useState,useEffect } from 'react';
import { Button,Form,FormControl,Modal } from "react-bootstrap";

const AddModal = (props) => {

    const handleClose = () => {
        props.setShowModal(false);
    }
    return (
        <Modal show={props.showModal} animation={false}
            // onHide={props.setShowModal(false)}
        >
            <Modal.Header closeButton>
                <Modal.Title>Enter Item</Modal.Title>
            </Modal.Header>
            {
        
                <Modal.Footer>
                    <Button variant="secondary" onClick={handleClose}
                    >
                        Cancel
                  </Button>
                    <Button variant="primary" onClick={handleClose}
                    >
                        Save Changes
                  </Button>
                </Modal.Footer>}
        </Modal>
    );
}

export default AddModal;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）