Ada banyak pembicaraan tentang anak terbaru di kota redux sekarang, redux-saga / redux-saga . Ini menggunakan fungsi generator untuk mendengarkan / mengirim tindakan. Sebelum saya membungkus kepala saya, saya ingin tahu pro / kontra dari menggunakan redux-sagadaripada pendekatan di bawah ini di...
Saya punya dua komponen. Komponen induk Komponen anak Saya mencoba memanggil metode anak dari Orang Tua, saya mencoba cara ini tetapi tidak mendapatkan hasil class Parent extends Component { render() { return ( <Child> <button onClick={Child.getAlert()}>Click</button>...
Saya mencoba mengatur React.jsaplikasi saya sehingga hanya merender jika variabel yang saya setel adalah true. Cara fungsi render saya diatur terlihat seperti: render: function() { var text = this.state.submitted ? 'Thank you! Expect a follow up at '+email+' soon!' : 'Enter your email to...
Saya ingin menambahkan elemen ke akhir a state array, apakah ini cara yang benar untuk melakukannya? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Saya khawatir bahwa memodifikasi array di tempat pushdapat menyebabkan masalah - apakah aman? Alternatif...
Bagaimana saya bisa mendefinisikan rute dalam file routes.jsx saya untuk menangkap nilai __firebase_request_keyparameter dari URL yang dihasilkan oleh proses masuk tunggal Twitter setelah pengalihan dari server
Saya mencari cara untuk mendeteksi apakah peristiwa klik terjadi di luar komponen, seperti yang dijelaskan dalam artikel ini . jQuery terdekat () digunakan untuk melihat apakah target dari peristiwa klik memiliki elemen dom sebagai salah satu orang tuanya. Jika ada kecocokan, acara klik milik salah...
Dalam komponen Bereaksi untuk <select>menu, saya perlu mengatur selectedatribut pada opsi yang mencerminkan keadaan aplikasi. Di render(), optionStatediteruskan dari pemilik negara ke komponen SortMenu. Nilai opsi diteruskan sebagai propsdari JSON. render: function() { var options = [],...
Saya mengikuti tutorial di situs web React Native resmi. Menggunakan berikut ini untuk membangun proyek saya: react-native run-ios Saya mendapatkan kesalahan: Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in PATH Command...
Saya mencoba mengatur negara saya dengan menggunakan properti bersarang seperti ini: this.state = { someProperty: { flag:true } } Tapi memperbarui keadaan seperti ini, this.setState({ someProperty.flag: false }); tidak bekerja Bagaimana ini bisa dilakukan dengan
Saya mendapatkan kesalahan ini setelah membuat halaman contoh Bereaksi sepele: Kesalahan Tidak Tertangkap: Pelanggaran Invarian: _registerComponent (...): Wadah target bukan elemen DOM. Ini kode saya: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App =...
Saya bekerja dengan Javascript (ES6) / FaceBook bereaksi dan mencoba untuk mendapatkan 3 elemen pertama dari array yang ukurannya bervariasi. Saya ingin melakukan yang setara dengan Linq take (n). Dalam file Jsx saya, saya memiliki yang berikut ini: var items = list.map(i => { return (...
Saya melihat React dev talk at ( Pete Hunt: React: Rethinking best practices - JSConf EU 2013 ) dan pembicara menyebutkan bahwa pengecekan model yang kotor bisa lambat. Tapi bukankah menghitung perbedaan antara DOM virtual sebenarnya bahkan lebih sedikit performanya karena DOM virtual, dalam banyak...
Saya memiliki aplikasi tempat saya perlu mengatur ketinggian elemen (katakanlah "konten-aplikasi") secara dinamis. Dibutuhkan ketinggian "chrome" dari aplikasi dan kurangi itu dan kemudian atur ketinggian "app-content" agar sesuai dengan 100% dalam batasan itu. Ini super sederhana dengan tampilan...
Dalam versi React Router (v3) saat ini, saya dapat menerima respons server dan gunakan browserHistory.pushuntuk membuka halaman respons yang sesuai. Namun, ini tidak tersedia di v4, dan saya tidak yakin apa cara yang tepat untuk menangani ini. Dalam contoh ini, menggunakan Redux, komponen /...
Saya memiliki komponen reaksi sederhana dengan bentuk yang saya yakini memiliki satu input terkontrol: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form
Saya sedang membaca dokumentasi untuk perpustakaan Redux dan memiliki contoh ini: Selain membaca keadaan, komponen kontainer dapat mengirim tindakan. Dengan cara yang sama, Anda bisa mendefinisikan fungsi yang dipanggil mapDispatchToProps()yang menerima dispatch()metode dan mengembalikan...
Struktur saya terlihat sebagai berikut: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 Komponen 3 harus menampilkan beberapa data tergantung pada keadaan Komponen 5. Karena alat peraga tidak dapat diubah, saya tidak bisa hanya menyimpannya dalam...
Saya baru mengenal ReactJS dan JSX dan saya mengalami sedikit masalah dengan kode di bawah ini. Saya mencoba menambahkan beberapa kelas ke classNameatribut pada masing-masing li: <li key={index} className={activeClass, data.class, "main-class"}></li> Komponen React saya adalah: var...
Dalam fungsi render komponen saya, saya memiliki: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ......
Saya baru saja mengganti react-routerdari v3 ke v4. Tetapi saya tidak yakin bagaimana cara menavigasi secara terprogram dalam fungsi anggota a Component. yaitu dalam handleClick()fungsi saya ingin menavigasi ke /path/some/wheresetelah memproses beberapa data. Saya biasa melakukannya...