Pertanyaan yang diberi tag «reactjs»

Saya menggunakan reactjs. Ketika saya menjalankan kode di bawah ini browser mengatakan: UnEught TypeError: Ekspresi super harus berupa null atau fungsi, tidak terdefinisi Setiap petunjuk sama sekali tentang apa yang salah akan dihargai. Pertama, baris yang digunakan untuk mengkompilasi kode: browserify -t reactify -t babelify examples/temp.jsx -o examples/public/app.js Dan kodenya: …

256 reactjs  ecmascript-6 

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 foratribut yang diperlukan (dan standar) : <label>Test</label> <input type="text" id="test"> Apa yang saya lakukan salah?

250 reactjs  label 

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 sebagai kunci negara untuk diperbarui. Apakah ini tidak mungkin di …

248 javascript  reactjs  computed-properties 

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: PropTypes.number.isRequired, })), Apakah saya melewatkan sesuatu yang sangat jelas di sini? Sepertinya ini akan sangat dicari.

244 arrays  reactjs  react-proptypes 

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 peringatan: prop type `size` is invalid; it must …

244 reactjs  react-proptypes 

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 pertanyaan ini Saya baru saja menemukan Redux . Semuanya terlihat bagus. Apakah ada kerugian, …

243 reactjs  redux  flux  reactjs-flux 

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) { banner = <div id="banner">{this.state.banner}</div>; } else { …

229 javascript  reactjs  react-jsx 

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 saya tidak mengerti @sebelumnya connect. Bahkan bukan …

226 javascript  reactjs  decorator  redux 

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 komponen Bereaksi? Pertanyaan : Adakah dampak kinerja dalam penggunaan React.Componentyang dapat kita pertimbangkan untuk berjalan React.PureComponent? Saya duga …

224 reactjs  state 

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 diteruskan ke komponen target Anda (menghubungkan komponen diterapkan ke) sebagai alat peraga. Ini berarti bahwa …

219 javascript  reactjs  redux  react-redux 

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'); });

218 reactjs  react-router 

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 ini: componentWillReceiveProps: function(nextProps) { this.setState({ likesIncreasing: nextProps.likeCount > this.props.likeCount }); } Ini tampaknya menyiratkan bahwa properti BISA berubah …

217 javascript  reactjs  properties 

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. http://codepen.io/aallbrig/pen/bEhjo HTML <div id="my-component"> <p>Hi!</p> </div> ReactJS /**@jsx React.DOM*/ var BasicTransclusion = …

215 javascript  reactjs 

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" id="one" onKeyPress={this.add} /> </div> ); } }); React.render(<Test />, document.body);

215 javascript  reactjs  keypress  onkeypress 

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 FieldEditorkomponen, informasi yang dalam keadaan mereka, dan memiliki semuanya di dalam FormEditor. …

214 javascript  reactjs