Apakah yang perlu saya lakukan jika modal in react tidak berkuat kuasa?

Penyelesaian kepada masalah bahawa modal tidak berkuat kuasa dalam tindak balas: 1. Alih keluar "" dalam fail "main.jsx" 2. Di mana komponen modal digunakan, tambahkan dua atribut "transitionName " to Modal ="" maskTransitionName=""" 3. Tingkatkan "ant-design".

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Apakah yang perlu saya lakukan jika mod dalam tindak balas tidak berkuat kuasa?

Tetingkap pop timbul modal melaporkan ralat apabila menggunakan perpustakaan komponen semut dalam bertindak balas

Menyelesaikan masalah menggunakan reka bentuk semut dalam projek tindak balas Konsol pop timbul modal dalam perpustakaan melaporkan ralat

findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DomWrapper3 which is inside StrictMode.

Punca masalah:

Mod ketat dihidupkan dalam perancah tindak balas, yang mengehadkan piawaian penulisan kod . CSSTransition digunakan dalam pustaka komponen reka bentuk semut, tetapi kaedah penulisan beberapa kod dalam CSSTransition bukanlah kaedah penulisan terkini untuk bertindak balas, dan ia tidak terlalu 规范 ditulis, jadi bertindak balas dalam mod ketat akan memberikan amaran. Akibatnya, tetingkap pop timbul tidak boleh digunakan

Penyelesaian:

1 Matikan mod tindak balas ketat

Tukar fail utama.jsx Alih keluar. Walau bagaimanapun, dalam projek pembangunan, teg React.StrictMode masih sangat penting untuk pengesahan kod, jadi sebaiknya jangan mematikannya. Kaedah ini tidak disyorkan. Dan dalam versi baru tindak balas, mengalih keluar mod ketat akan menyebabkan beberapa masalah lain.

2 Jangan gunakan kesan CSSTransition dalam ant-design

Tambah dua atribut pada Modal di mana komponen modal digunakan

transitionName="" maskTransitionName=""

<Modal title="Basic Modal" 
transitionName=""
maskTransitionName="" 
visible={isModalVisible} 
onOk={this.handleOk} 
onCancel={this.handleCancel}>
    <p>确定删除该代办任务吗？</p>
</Modal>

3. Anda boleh menunggu peningkatan reka bentuk semut untuk menyelesaikan masalah ini

Kajian yang disyorkan: "tutorial video reaksi》

Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika modal in react tidak berkuat kuasa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!