Pertanyaan yang diberi tag «reactjs»

Apa yang dilakukan npm run ejectperintah itu? Saya mengerti apa yang dilakukan perintah lain seperti start, build, test. Tapi tidak tahu tentang eject.

108 reactjs  webpack  create-react-app  react-scripts 

Apakah mungkin untuk mendeteksi apakah versi React saat ini adalah pengembangan atau produksi pada saat runtime? Saya ingin melakukan sesuatu seperti ini: if (React.isDevelopment) { // Development thing } else { // Real thing }

108 javascript  reactjs 

Tertutup . Pertanyaan ini perlu lebih difokuskan . Saat ini tidak menerima jawaban. Ingin memperbaiki pertanyaan ini? Perbarui pertanyaan agar fokus pada satu masalah hanya dengan mengedit posting ini . Tutup 3 tahun lalu . Perbaiki pertanyaan ini Saya baru mengenal React / Redux. Saya menggunakan middleware fetch api di …

107 javascript  reactjs  redux 

Saya ingin menggunakan React untuk menambahkan komponen beberapa kali di seluruh DOM. Biola ini menunjukkan apa yang ingin saya lakukan, dan tidak menimbulkan kesalahan. Berikut kodenya: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div id="second-container"> <!-- This element's contents will be …

107 reactjs 

Saya memiliki komponen React sederhana yang saya hubungkan (memetakan array / status sederhana). Untuk menghindari referensi konteks untuk toko, saya ingin cara untuk mendapatkan "pengiriman" langsung dari alat peraga. Saya telah melihat orang lain menggunakan pendekatan ini tetapi tidak memiliki akses ke ini karena beberapa alasan :) Ini adalah versi …

107 javascript  reactjs  redux 

Saat saya menulis webpack.config.js seperti ini module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Dan index.jsxsaya mengimpor reactmodulApp import React from 'react'; import { render } from 'react-dom'; import …

107 reactjs  webpack  webpack-dev-server 

Saya baru mengenal React Router dan mengetahui bahwa ada begitu banyak cara untuk mengarahkan ulang halaman: Menggunakan browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Menggunakan this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { …

107 reactjs  redux  react-router 

Saya memiliki masalah di mana perenderan ulang keadaan menyebabkan masalah ui dan disarankan untuk hanya memperbarui nilai tertentu di dalam peredam saya untuk mengurangi jumlah perenderan ulang pada halaman. ini adalah contoh negara saya { name: "some name", subtitle: "some subtitle", contents: [ {title: "some title", text: "some text"}, {title: …

106 javascript  reactjs  redux 

Saya menginisialisasi i18nobjek terjemahan sekali dalam sebuah komponen (komponen pertama yang dimuat dalam aplikasi). Objek yang sama diperlukan di semua komponen lainnya. Saya tidak ingin menginisialisasi ulang di setiap komponen. Bagaimana jalannya? Membuatnya tersedia untuk lingkup jendela tidak membantu karena saya perlu menggunakannya dalam render()metode. Harap sarankan solusi umum untuk …

106 reactjs  javascript-globalize 

Bagaimana Anda bisa mencapai event hover atau event aktif di ReactJS saat Anda melakukan gaya inline? Saya telah menemukan bahwa pendekatan onMouseEnter, onMouseLeave bermasalah, jadi berharap ada cara lain untuk melakukannya. Khususnya, jika Anda mengarahkan mouse ke sebuah komponen dengan sangat cepat, hanya acara onMouseEnter yang terdaftar. OnMouseLeave tidak pernah …

106 javascript  css  reactjs  mouseevent  dom-events 

Saya memiliki satu peredam untuk Klien, satu lagi untuk AppToolbar dan beberapa lainnya ... Sekarang katakanlah saya membuat tindakan pengambilan untuk menghapus klien, dan jika gagal saya memiliki kode di peredam Klien yang seharusnya melakukan beberapa hal, tetapi saya juga ingin menampilkan beberapa kesalahan global di AppToolbar. Tetapi klien dan …

105 javascript  reactjs  redux 

Saya sedang merender daftar posting. Untuk setiap posting saya ingin membuat tag anchor dengan id posting sebagai bagian dari string href. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li> }) } </ul> ); Bagaimana saya melakukannya sehingga setiap posting memiliki href /posts/1, /posts/2dll?

105 javascript  reactjs 

Saya membuat aplikasi dengan ReactNative baik untuk iOS dan android dengan file ListView. Saat mengisi listview dengan sumber data yang valid, peringatan berikut dicetak di bagian bawah layar: Peringatan: Setiap anak dalam larik atau iterator harus memiliki properti "kunci" yang unik. Periksa metode render ListView. Apa tujuan peringatan ini? Setelah …

105 facebook  listview  reactjs  react-native 

Apa perbedaan antara loader dan plugin di webpack? The dokumentasi untuk plugin hanya mengatakan: Gunakan plugin untuk menambahkan fungsionalitas yang biasanya terkait dengan bundel di webpack. Saya tahu bahwa babel menggunakan loader untuk transformasi jsx / es2015, tetapi sepertinya tugas umum lainnya (copy-webpack-plugin, misalnya) menggunakan plugin sebagai gantinya.

104 javascript  reactjs  webpack 

Saya baru di react.js Saya telah menerapkan satu komponen di mana saya mengambil data dari server dan menggunakannya seperti, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' //}); …

104 javascript  reactjs  configuration  webpack  flux