Lihat kod sumber pelaksanaan Modal, ia mudah difahami. Secara ringkasnya:

let p = createElement('p'); document.body.appendChild(p); ReactDOM.render(, p);

@ssruoyan
Bagaimana anda boleh melaksanakan ini menggunakan sintaks ES6?

Sama ada modal boleh dilihat bergantung pada keterlihatannya Ini ialah kod mudah alih yang ditulis hari ini. Tidak pasti apa yang anda maksudkan

Malah, ia dipaparkan di luar skop tindak balas dan menggunakan komponen

Ini melibatkan antara muka ReactDOM.unstable_renderSubtreeIntoContainer,
Tetapi antara muka ini tidak tersedia dalam dokumentasi dan ditandakan tidak stabil

Tandatangannya seperti ini

function( parentComponent, nextElement, container, callback, )

Mungkin boleh guna macam ni

componentDidMount() { const container = document.createElement('p'); document.body.appendChild(container); ReactDOM.unstable_renderSubtreeIntoContainer( this, (), container, function () { /* callback */ } ) }

Untuk penggunaan khusus, sila rujuk penggunaan dalam react-portal
atau penggunaan dalam reka bentuk semut Ant Financial

Tandatangan dan definisi boleh didapati di sini, dengan ulasan padanya

Sebenarnya, saya tidak faham sepenuhnya penggunaan antara muka ini... Saya tidak pasti ia betul anda harus membaca sendiri kod dalam pautan di atas