Pertanyaan yang diberi tag «reactjs»

Saya memiliki komponen Bereaksi berikut: export default class MyComponent extends React.Component { onSubmit(e) { e.preventDefault(); var title = this.title; console.log(title); } render(){ return ( ... <form className="form-horizontal"> ... <input type="text" className="form-control" ref={(c) => this.title = c} name="title" /> ... </form> ... <button type="button" onClick={this.onSubmit} className="btn">Save</button> ... ); } }; Konsol …

189 javascript  reactjs 

Banyak bahasa templat memiliki pernyataan "slot" atau "menghasilkan", yang memungkinkan untuk melakukan semacam inversi kontrol untuk membungkus satu templat di dalam templat yang lain. Angular memiliki opsi "transclude" . Rails memiliki pernyataan hasil . Jika React.js memiliki pernyataan hasil, akan terlihat seperti ini: var Wrapper = React.createClass({ render: function() { …

187 javascript  template-engine  composition  reactjs  transclusion 

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 2 tahun yang lalu . Perbaiki pertanyaan ini Bereaksi 16.3.0 dirilis dan API Konteks bukan fitur eksperimental lagi. …

187 javascript  reactjs  redux  react-redux  react-context 

Misalkan saya memiliki kelas B React, yang membuat dua kelas anak, C1 dan C2. C1 berisi bidang input. Saya akan merujuk ke bidang input ini sebagai Foo. Tujuan saya adalah membiarkan C2 bereaksi terhadap perubahan di Foo. Saya telah menemukan dua solusi, tetapi tidak satu pun dari keduanya terasa benar. …

186 reactjs 

Saya mengalami masalah dengan formulir Bereaksi dan mengelola negara dengan benar. Saya memiliki bidang input waktu dalam formulir (dalam modal). Nilai awal diatur sebagai variabel keadaan di getInitialState, dan diteruskan dari komponen induk. Ini dengan sendirinya berfungsi dengan baik. Masalahnya muncul ketika saya ingin memperbarui nilai start_time default melalui komponen …

184 reactjs 

Mengapa saya tidak bisa mengakses metode komponen dari "luar" di ReactJS? Mengapa itu tidak mungkin dan apakah ada cara untuk menyelesaikannya? Pertimbangkan kodenya: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not a function" error. </div> ); …

183 javascript  reactjs  dom 

Saya menelepon layanan web dengan menggunakan fetch tetapi hal yang sama dapat saya lakukan dengan bantuan aksioma. Jadi sekarang saya bingung. Haruskah saya memilih aksioma atau mengambil?

183 ajax  reactjs  xmlhttprequest  es6-promise  es6-modules 

Saya baru menggunakan kelas ES6 dengan React, sebelumnya saya telah mengikat metode saya ke objek saat ini (tunjukkan dalam contoh pertama), tetapi apakah ES6 memungkinkan saya untuk secara permanen mengikat fungsi kelas ke instance kelas dengan panah dengan kelas? (Berguna saat melewati sebagai fungsi panggilan balik.) Saya mendapatkan kesalahan ketika …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

Saya memiliki widget obrolan yang menarik serangkaian pesan setiap kali saya menggulir ke atas. Masalah yang saya hadapi sekarang adalah slider tetap diperbaiki di atas ketika pesan dimuat. Saya ingin fokus pada elemen indeks terakhir dari array sebelumnya. Saya menemukan bahwa saya dapat membuat referensi dinamis dengan melewati indeks, tetapi …

181 javascript  reactjs  ecmascript-6 

Saya ingin menampilkan titlein <AppBar />yang entah bagaimana dilewatkan dari rute saat ini. Di React Router v4, bagaimana <AppBar />bisa mendapatkan rute saat ini dilewatkan ke titleprop itu? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> </main> </Router> Apakah …

181 reactjs  react-router  react-router-v4 

Saya baru di seluruh dunia node / reactjs jadi minta maaf jika pertanyaan saya terdengar konyol. Jadi saya bermain-main dengan reactabular.js . Setiap kali saya melakukan npm startitu selalu berjalan localhost:8080. Bagaimana cara mengubahnya agar berjalan 0.0.0.0:8080agar dapat diakses publik? Saya telah mencoba membaca kode sumber di repo di atas …

180 node.js  reactjs  npm  webpack  webpack-dev-server 

Saya sangat menyukai pola CSS inline di Bereaksi dan memutuskan untuk menggunakannya. Namun, Anda tidak dapat menggunakan :hoverpemilih dan sejenisnya. Jadi apa cara terbaik untuk mengimplementasikan highlight-on-hover saat menggunakan gaya CSS sebaris? Satu saran dari #reactjs adalah memiliki Clickablekomponen dan menggunakannya seperti ini: <Clickable> <Link /> </Clickable> The Clickablememiliki hoverednegara …

178 reactjs 

Dengan Bereaksi 16.8.6 (itu bagus pada versi sebelumnya 16.8.3), saya mendapatkan kesalahan ini ketika saya mencoba untuk mencegah loop tak terbatas pada permintaan pengambilan ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps Saya tidak dapat menemukan solusi yang …

178 reactjs  eslint  create-react-app  react-hooks 

Katakanlah saya memiliki 3 input: rate, sendAmount, dan acceptAmount. Saya menempatkan 3 masukan itu pada parameter diffing useEffect. Aturannya adalah: Jika sendAmount berubah, saya menghitung receiveAmount = sendAmount * rate Jika acceptAmount berubah, saya menghitung sendAmount = receiveAmount / rate Jika tarif berubah, saya menghitung receiveAmount = sendAmount * ratekapan …

178 reactjs  react-hooks 

Saya menggunakan sebagai lingkungan, sebuah VM Online IDE Cloud9.io ubuntu dan saya telah mengurangi masalah ini dengan hanya menjalankan aplikasi dengan server dev Webpack. Saya meluncurkannya dengan: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP adalah variabel yang memiliki alamat host $ PORT memiliki nomor port. Saya diperintahkan …

177 reactjs  webpack-dev-server  cloud9-ide  cloud9