antdデザインモーダルフリッカーオープン時

Question

私は自分のリアクションアプリケーションでantdデザインを使用しています。私は開いたときにantdデザインモーダルが点滅することに気付いた。

この問題を解決する方法はありますか？

は、私は、このためのcodepenを持っていないhttps://ant.design/components/modal/

からの指示に従うのですが、私は方法を以下にすべてのモーダルを書かれていると私はantd設計からCSSを使用しています。

Answer 1

私には何も起こりませんでした。この問題を引き起こしている可能性のあるデベロッパーツールのCSSを確認しましたか？ 例：モーダルを使用しているとき、背景が暗くなっていました。私がantのデフォルトクラス（実際にモーダルdivをラップしたラッパーdivだった）のうちの1つをチェックすると、暗いバックグラウンドが発生していました。だから、どちらかを設定することによってbackground: transparent;私はその問題を解決することができます。しかし、私はこれを発見しました：

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>, 
      ]} 
     > 

だから、試してみてください。これはあなたの問題を解決するかもしれません。