React-devtools: Nama komponen tidak ada

Dibuat pada 3 Jan 2014 · 9Komentar · Sumber: facebook/react-devtools

Apakah ada alasan mengapa nama komponen selalu "Tidak Diketahui"?

Untuk jaga-jaga, saya menggunakan browserify dan sumber tidak diperkecil, hanya digabungkan.

Berikut tampilannya:

Sumber

mrjoes

Komentar yang paling membantu

Saya menggunakan plugin chrome React Developer Tools dan ketika saya memeriksa pohon React saya melihat 'Proxy Component' alih-alih nama komponen yang sebenarnya. Mungkin masalah webpack ? Saya mencoba menambahkan 'displayName' dan itu tidak berhasil.

Adakah orang lain yang mengalami masalah ini?

fresh5447 pada 2 Jun 2016

👍3

Semua 9 komentar

OK, inilah pembaruan cepat: jika komponen diekspos seperti ini, itu akan memiliki Unknown sebagai nama:

exports.MyComponent = React.createClass({...});

Namun, ketika saya mengubahnya menjadi ini, itu mulai berfungsi:

var MyComponent = React.createClass({...});
exports.MyComponent = MyComponent;

Saya memeriksa kode sumber ekstensi, tetapi tidak dapat mengetahui apa itu tagName dan bagaimana cara menyetelnya.

mrjoes pada 3 Jan 2014

Jika Anda tidak menggunakan BEJ, Anda perlu menambahkan atribut displayName ke kelas Anda.

var MyComponent = React.createClass({
  displayName: 'MyComponent',
  ...
});

Jika Anda menggunakan BEJ, ini dilakukan secara otomatis. Sayangnya tidak ada cara untuk mendapatkannya sebaliknya.

vjeux pada 3 Jan 2014

Ya, saya menggunakan JSX. Jadi, sepertinya ini masalah yang berbeda - kompiler JSX tidak dapat berkontribusi displayName jika komponen dideklarasikan dengan exports.ComponentName = React.createClass() .

mrjoes pada 3 Jan 2014

Ini adalah kode yang bertanggung jawab untuk itu: https://github.com/facebook/react/blob/master/vendor/fbtransform/transforms/reactDisplayName.js#L37

vjeux pada 3 Jan 2014

BEJ secara teori dapat mendukung format Anda juga. Masalah ini akan hilang ketika kita pindah ke kelas ES6 atau yang serupa.

TagName adalah sesuatu yang merupakan bagian dari komponen DOM di inti React. Itu tidak memiliki nama tampilan.