Di Bereaksi (kerangka kerja Facebook), saya perlu membuat elemen label terikat ke input teks menggunakan foratribut standar . misalnya JSX berikut digunakan: <label for="test">Test</label> <input type="text" id="test" /> Namun, ini menghasilkan HTML yang tidak memiliki...
EDIT: ini duplikat, lihat di sini Saya tidak dapat menemukan contoh menggunakan nama kunci dinamis saat mengatur negara. Inilah yang ingin saya lakukan: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, di mana event.target.id digunakan...
Saya memiliki komponen yang menerima penyangga untuk ukurannya. Penyangga dapat berupa string atau angka ex: "LARGE"atau 17. Dapatkah saya memberi tahu React.PropTypes tahu bahwa ini dapat berupa salah satu atau yang lain dalam validasi propTypes? Jika saya tidak menentukan jenisnya saya mendapat...
Apakah ada cara bawaan untuk menggunakan proptypes untuk memastikan bahwa array objek yang diteruskan ke komponen sebenarnya adalah array objek dengan bentuk tertentu? Mungkin kira-kira seperti ini? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end:...
Ditutup . Pertanyaan ini didasarkan pada pendapat . Saat ini tidak menerima jawaban. Ingin meningkatkan pertanyaan ini? Perbarui pertanyaan sehingga dapat dijawab dengan fakta dan kutipan dengan mengedit posting ini . Ditutup tahun lalu . Perbaiki...
Bagaimana saya secara opsional memasukkan elemen dalam JSX? Berikut ini adalah contoh menggunakan spanduk yang seharusnya ada di komponen jika sudah disahkan. Yang ingin saya hindari adalah harus menduplikasi tag HTML dalam pernyataan if. render: function () { var banner; if (this.state.banner)...
Saya belajar Redux dengan Bereaksi dan menemukan kode ini. Saya tidak yakin apakah itu Redux khusus atau tidak, tetapi saya telah melihat potongan kode berikut dalam salah satu contoh. @connect((state) => { return { key: state.a.b }; }) Sementara fungsionalitasnya connectcukup mudah, tapi...
Pejabat Bereaksi docs menyatakan bahwa " React.PureComponent's shouldComponentUpdate()hanya dangkal membandingkan benda-benda", dan menasihati terhadap hal ini jika negara adalah 'dalam'. Mengingat hal ini, apakah ada alasan mengapa seseorang harus memilih React.PureComponentketika membuat...
Saya mencoba memahami metode koneksi dari reaksi-redux, dan fungsi yang dibutuhkan sebagai parameter. Khususnya mapStateToProps(). Cara saya memahaminya, nilai pengembalian mapStateToPropsakan menjadi objek yang berasal dari negara (seperti yang tinggal di toko), yang kunci-kuncinya akan...
Bagaimana kita bisa melewatkan parameter dengan this.props.history.push('/page')React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template');
Setelah mulai bekerja dengan React.js, sepertinya propsdimaksudkan untuk menjadi statis (diteruskan dari komponen induk), sementara stateperubahan didasarkan pada peristiwa. Namun, saya perhatikan dalam dokumen itu referensi componentWillReceiveProps, yang secara khusus mencakup contoh...
Bagaimana saya bisa membuat onKeyPressacara bekerja di ReactJS? Itu harus waspada ketika enter (keyCode=13)ditekan. var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text"...
Apakah ada cara untuk melewatkan satu komponen ke komponen reaksi lainnya? Saya ingin membuat model komponen reaksi dan mengirimkan komponen reaksi lain untuk mentransklusikan konten itu. Sunting: Ini adalah kode reaksiJS yang menggambarkan apa yang saya coba lakukan.
Bereaksi mampu membuat atribut khusus seperti yang dijelaskan di http://facebook.github.io/react/docs/jsx-gotchas.html : Jika Anda ingin menggunakan atribut khusus, Anda harus awalan dengan data-. <div data-custom-attribute="foo" /> Dan itu berita bagus kecuali saya tidak dapat...
Di Bereaksi, Anda dapat dengan jelas membuat objek dan menetapkannya sebagai gaya sebaris. yaitu. disebutkan di bawah. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only...
Saya memiliki struktur berikut: FormEditor- memegang beberapa FieldEditor FieldEditor- mengedit bidang formulir dan menyimpan berbagai nilai tentang hal itu dalam keadaan itu Ketika sebuah tombol diklik di dalam FormEditor, saya ingin dapat mengumpulkan informasi tentang bidang dari semua...
Bagaimana cara memusatkan Teks di ReactNative baik secara horizontal maupun vertikal? Saya punya contoh aplikasi di rnplay.org di mana justifyContent = "center" dan alignItems = "center" tidak berfungsi: https://rnplay.org/apps/AoxNKQ Teks harus di tengah. Dan mengapa ada margin di bagian atas...
Setelah menghabiskan waktu belajar Bereaksi, saya memahami perbedaan antara dua paradigma utama pembuatan komponen. Pertanyaan saya adalah kapan saya harus menggunakan yang mana dan mengapa? Apa manfaat / pengorbanan dari satu di atas yang lain? Kelas ES6: import React, { Component } from...
Saya mencoba mengirim data dari komponen anak ke induknya sebagai berikut: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div...
Proyek saya didasarkan pada aplikasi create-react-app . npm startatau yarn startsecara default akan menjalankan aplikasi pada port 3000 dan tidak ada opsi untuk menentukan port di package.json. Bagaimana saya bisa menentukan port pilihan saya dalam kasus ini? Saya ingin menjalankan dua proyek ini...