Javascript 打开时antd设计模式闪烁

我正在我的React应用程序中使用antd设计。我注意到，打开时，antd设计模式会闪烁

有办法解决这个问题吗

我是按照你的指示去做的

我没有一个代码笔，但我已经用下面的方式写了所有的模态，我正在使用antd设计的css

          <Modal
          visible={visible}
          title="Title"
          onOk={this.handleOk}
          onCancel={this.handleCancel}
          footer={[
            <Button key="back" size="large" onClick={this.handleCancel}>Return</Button>,
            <Button key="submit" type="primary" size="large" loading={loading} onClick={this.handleOk}>
              Submit
            </Button>,
          ]}
        >
          <p>Some contents...</p>
          <p>Some contents...</p>
          <p>Some contents...</p>
          <p>Some contents...</p>
          <p>Some contents...</p>
        </Modal>

一些内容

一些内容

一些内容

一些内容

一些内容

我从来没有遇到过。您是否检查了开发人员工具中可能导致此问题的css？ 例如，当我使用情态动词时，我的背景变暗了。当我检查ant的一个默认类（根本不需要它，它是一个包装器div，它包装了实际的模态div）时，它的背景是黑暗的，这就是原因。因此，通过设置

背景：透明我可以解决这个问题。但后来我发现：

mask = {false}

这会进入模态声明。大概是这样的：

         <Modal
          visible={visible}
          mask = {false}
          title="Title"
          onOk={this.handleOk}
          onCancel={this.handleCancel}
          footer={[
            <Button key="back" size="large" onClick={this.handleCancel}>Return</Button>,
            <Button key="submit" type="primary" size="large" loading={loading} onClick={this.handleOk}>
              Submit
            </Button>,
          ]}
        >



所以，试试看。这可能会解决您的问题。
解决此问题的一种方法：

将prop transitionName=“”传递给闪烁的组件，这将禁用组件上的转换，因此不会发生闪烁

有关此访问的更多信息：