javascript - Beberapa masalah dengan reaksi menggelegak

Question

   fn1(){
         alert('父级');
     }
     fn2(ev){
         ev.stopPropagation();
         ev.nativeEvent.stopImmediatePropagation();

         alert("子集");
     }
     componentDidMount(){
         document.onclick=function(){
             alert('document');
         };

         this.refs['fa'].onclick=function(ev){
             //console.log(this);
             console.log(ev.target);
             alert("爷爷");
         }
     }

<p ref="fa" className="fa">
     <p onClick={this.fn1.bind(this)}>
     <p onClick={this.fn2.bind(this)}>aaaaaaaaaaa</p>
</p>

Hanya gunakan e.stopPropagation() untuk mengelakkan peristiwa induk daripada menggelegak Acara fn1 tidak akan mencetuskan, tetapi peristiwa dokumen akan mencetuskan?
e.nativeEvent.stopPropagation() menghalang menggelegak ke docuemnt tetapi fn1 ibu bapa dicetuskan Setiap kali fa diklik, ia akan mencetuskan dan mencetuskan terlebih dahulu Jika e.target tidak boleh diperolehi, hanya menangkap fn2 akan mempunyai hasil p aaa masalah Apabila ia datang, bagaimana kita hanya boleh mencetuskan peristiwa luar tanpa menangkapnya? Apakah mekanisme kejadian anggaran bagi peristiwa tindak balas? Terima kasih atas penyelesaiannya·

Answer 1

Tidak, kedua-dua ini sebenarnya kaedah asli.

stopImmediatePropagation dan pautan stopPropagation Bagi nativeEvent, ia sepatutnya unik untuk ReactNative dan React tidak sepatutnya mempunyai perkara ini.

Answer 2

https://zhuanlan.zhihu.com/p/...Anda akan faham selepas membaca pautan ini