Pertanyaan yang diberi tag «reactjs»

Dengan react-routersaya dapat menggunakan Linkelemen untuk membuat tautan yang secara asli ditangani oleh router reaksi. Saya melihat secara internal itu panggilan this.context.transitionTo(...). Saya ingin melakukan navigasi. Bukan dari tautan, tetapi dari pilihan tarik turun (sebagai contoh). Bagaimana saya bisa melakukan ini dalam kode? Apa this.context? Saya melihat Navigationmixin, tetapi bisakah …

1431 reactjs  react-router 

Saya mencoba melakukan sesuatu seperti yang berikut di Bereaksi JSX(di mana ObjectRow adalah komponen yang terpisah): <tbody> for (var i=0; i < numrows; i++) { <ObjectRow/> } </tbody> Saya menyadari dan mengerti mengapa ini tidak valid JSX, karena JSXpeta berfungsi panggilan. Namun, datang dari tanah templat dan menjadi baru JSX, …

1279 javascript  reactjs 

Ditutup . Pertanyaan ini didasarkan pada pendapat . Saat ini tidak menerima jawaban. Ditutup tahun lalu . Terkunci . Pertanyaan ini dan jawabannya dikunci karena pertanyaannya di luar topik tetapi memiliki signifikansi historis. Saat ini tidak menerima jawaban atau interaksi baru. Saya sudah membaca jawaban ini , mengurangi boilerplate , …

1126 javascript  reactjs  reactjs-flux  flux  redux 

Apa yang ...dilakukan dalam kode Bereaksi (menggunakan JSX) ini dan apa namanya? <Modal {...this.props} title='Modal heading' animation={false}>

898 javascript  reactjs 

Saya mencoba menemukan cara yang tepat untuk mendefinisikan beberapa komponen yang dapat digunakan secara umum: <Parent> <Child value="1"> <Child value="2"> </Parent> Ada logika yang terjadi untuk rendering antara komponen orang tua dan anak-anak, Anda bisa bayangkan <select>dan<option> sebagai contoh dari logika ini. Ini adalah implementasi tiruan untuk tujuan pertanyaan: var …

889 javascript  reactjs  react-jsx 

Saya sudah mulai belajar Bere karena penasaran dan ingin tahu perbedaan antara Bereaksi dan Bereaksi Asli - meskipun tidak dapat menemukan jawaban yang memuaskan menggunakan Google. Bereaksi dan Bereaksi Asli tampaknya memiliki format yang sama. Apakah mereka memiliki sintaks yang sama sekali berbeda?

730 javascript  reactjs  react-native  javascript-framework 

Saya memiliki objek eksternal (ke komponen) yang dapat diamati yang ingin saya dengarkan untuk perubahan. Ketika objek diperbarui itu memancarkan perubahan peristiwa, dan kemudian saya ingin rerender komponen ketika ada perubahan yang terdeteksi. Dengan top-level React.renderhal ini dimungkinkan, tetapi di dalam komponen itu tidak berfungsi (yang masuk akal karena rendermetode …

688 reactjs  react-jsx 

Menurut dokumen, "Tanpa middleware, Redux store hanya mendukung aliran data yang sinkron" . Saya tidak mengerti mengapa ini terjadi. Mengapa komponen kontainer tidak dapat memanggil API async, dan kemudian dispatchtindakannya? Misalnya, bayangkan UI sederhana: bidang dan tombol. Saat pengguna menekan tombol, bidang akan diisi dengan data dari server jarak jauh. …

684 javascript  asynchronous  reactjs  redux  redux-thunk 

Saya sedang membangun komponen Bereaksi yang menerima sumber data JSON dan membuat tabel yang bisa diurutkan. Setiap baris data dinamis memiliki kunci unik yang ditetapkan untuknya tetapi saya masih mendapatkan kesalahan: Setiap anak dalam array harus memiliki prop "kunci" yang unik. Periksa metode render dari TableComponent. TableComponentMetode render saya kembali: …

657 javascript  reactjs 

Saya menggunakan React-router dan berfungsi dengan baik saat saya mengklik tombol tautan, tetapi ketika saya menyegarkan halaman web saya tidak memuat apa yang saya inginkan. Misalnya, saya masuk localhost/joblistdan semuanya baik-baik saja karena saya tiba di sini dengan menekan tautan. Tetapi jika saya me-refresh halaman web saya mendapatkan: Cannot GET …

655 javascript  reactjs  url  react-router 

Saya ingin membaca properti nilai event onClick. Tetapi ketika saya mengkliknya, saya melihat sesuatu seperti ini di konsol: SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent, type: "click", target Kode saya berfungsi dengan benar. Ketika saya menjalankan saya bisa melihat {column}tetapi tidak bisa mendapatkannya di acara onClick. Kode Saya: var HeaderRows …

639 javascript  reactjs 

Apa reaksi reaksi pengaturan fokus pada bidang teks tertentu setelah komponen diberikan? Dokumentasi tampaknya menyarankan penggunaan referensi, misalnya: Setel ref="nameInput"pada kolom input saya di fungsi render, lalu panggil: this.refs.nameInput.getInputDOMNode().focus(); Tapi di mana saya harus memanggil ini? Saya sudah mencoba beberapa tempat tetapi saya tidak bisa membuatnya bekerja.

629 javascript  reactjs 

Saya menonton kursus Pluralsight on React dan instruktur menyatakan bahwa alat peraga tidak boleh diubah. Saya sekarang sedang membaca sebuah artikel (uberVU / reaksi-panduan) tentang alat peraga vs negara dan katanya Perubahan props dan perubahan status memicu pembaruan render. Kemudian di artikel itu tertulis: Alat peraga (kependekan dari properti) adalah …

559 javascript  reactjs 

Apakah ada cara untuk hanya menambahkan atribut ke komponen Bereaksi jika kondisi tertentu terpenuhi? Saya seharusnya menambahkan atribut yang diperlukan dan readOnly untuk membentuk elemen berdasarkan panggilan Ajax setelah render, tapi saya tidak bisa melihat bagaimana menyelesaikannya karena readOnly = "false" tidak sama dengan menghilangkan atribut sepenuhnya. Contoh di bawah …

551 javascript  reactjs 

Ketika itu penting untuk lulus propske super(), dan mengapa? class MyComponent extends React.Component { constructor(props) { super(); // or super(props) ? } }

532 reactjs  ecmascript-6