react加antd的对话框modal可以打开但是无法关闭，属性和设置和官网案例一样

Question

</img>

        <Modal closable={false} className={styles['video-modal']} destroyOnClose={true} width="800px" height="600px" visible={isModalVisible} footer={null} onCancel={handleCancel}>
          <video id="videoRef" height="100%" width="100%" loop={true} controls={true} autoPlay={true} src="https://img.xxx.com/zltsp.mp4">
            您的浏览器不支持video
            </video>
        </Modal>

就是图中的(上面的)代码，可以打开但关闭不了。
handleCancel函数也执行了，下面是点击执行的输出isModalVisible的值。

第一次点击是true，后面点击才是false。求助！！！
~~~~
还有ant的下拉框选择城市的也是无法点击。

无法选择城市，没法下一步。

Answer 1

第二张图没看懂，能贴上代码吗