Pertanyaan yang diberi tag «reactjs»

Saya bermain-main dengan React.js untuk pertama kalinya dan tidak dapat menemukan cara untuk menampilkan atau menyembunyikan sesuatu pada halaman melalui event klik. Saya tidak memuat pustaka lain ke halaman, jadi saya mencari cara asli menggunakan pustaka Bereaksi. Inilah yang saya miliki sejauh ini. Saya ingin menampilkan hasil div ketika acara …

532 javascript  reactjs 

Saya mendapatkan kesalahan ini: Uncaught Error: Pelanggaran Invarian: Tipe elemen tidak valid: diharapkan sebuah string (untuk komponen bawaan) atau kelas / fungsi (untuk komponen komposit) tetapi didapat: objek. Ini kode saya: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var Link = …

528 reactjs  react-router 

Saya sadar bahwa Anda dapat menentukan gaya dalam kelas Bereaksi, seperti ini: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Haruskah saya bertujuan melakukan semua gaya dengan cara ini, dan …

512 css  reactjs  inline-styles  react-jsx 

Apakah Bereaksi ulang membuat semua komponen dan sub komponen setiap kali setStatedipanggil? Jika demikian, mengapa? Saya pikir idenya adalah bahwa Bereaksi hanya memberikan sesedikit yang diperlukan - ketika keadaan berubah. Dalam contoh sederhana berikut, kedua kelas merender lagi ketika teks diklik, terlepas dari kenyataan bahwa keadaan tidak berubah pada klik …

503 javascript  reactjs 

Bagaimana Anda melakukan debounce di React.js? Saya ingin melemahkan handleOnChange. Saya sudah mencoba debounce(this.handleOnChange, 200)tetapi tidak berhasil. function debounce(fn, delay) { var timer = null; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function() { fn.apply(context, args); }, delay); }; } var SearchBox = React.createClass({ …

496 javascript  reactjs 

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 mana saya menggunakan redux-thunkdengan async / menunggu. Sebuah …

488 javascript  reactjs  redux  redux-thunk  redux-saga 

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> </Child> ); } } class Child extends Component { getAlert() { alert('clicked'); } render() …

475 javascript  reactjs 

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 request early access:'; var style = …

467 javascript  reactjs  render 

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 membuat salinan array, dan setStateitu tampak boros.

416 javascript  reactjs 

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 mereka? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Saya mencoba dengan konfigurasi rute berikut, tetapi :redirectParamtidak menangkap param yang disebutkan: <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} …

412 reactjs  react-router 

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 satu anak dan karenanya tidak …

410 javascript  dom  reactjs 

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 = [], optionState = this.props.optionState; this.props.options.forEach(function(option) { var selected = (optionState === option.value) ? ' …

403 javascript  reactjs 

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 failed: xcrun instruments -s xcrun: error: unable to find utility …

394 javascript  ios  reactjs  react-native  ios-simulator 

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 benar?

390 javascript  reactjs  ecmascript-6  setstate 

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 = React.createClass({ render() { return <h1>Yo</h1>; } }); React.renderComponent(<App />, document.body); HTML: <html> …

388 javascript  dom  reactjs