Mengapakah 'ini' tidak ditentukan dalam fungsi komponen React saya, dan bagaimanakah saya membetulkannya?

Reaksi: "ini" Tidak Ditakrifkan Di Dalam Fungsi Komponen

Masalah:

Dalam komponen React, percubaan untuk mengakses "ini" di dalam kaedah menghasilkan ralat "tidak ditentukan". Komponen mempunyai objek keadaan, yang sepatutnya boleh diakses dalam kaedah. Pembangun menjangkakan "ini" merujuk kepada contoh komponen, tetapi ia masih tidak ditentukan.

Penyelesaian:

ES6 React.Component tidak mengikat kaedah secara automatik kepada komponen itu sendiri. Untuk menyelesaikan isu ini, anda perlu mengikat kaedah secara manual dalam pembina:

constructor (props) {
  super(props);
  
  this.state = {
      loopActive: false,
      shuffleActive: false,
    };
  
  this.onToggleLoop = this.onToggleLoop.bind(this);

}

Dengan mengikat kaedah, "ini" akan merujuk dengan betul kepada contoh komponen, membenarkan akses kepada keadaan dan sifat lain. Ini memastikan bahawa "ini" ditakrifkan dalam kaedah yang bertujuan untuk mengakses data khusus komponen.

Atas ialah kandungan terperinci Mengapakah 'ini' tidak ditentukan dalam fungsi komponen React saya, dan bagaimanakah saya membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!