Pertanyaan yang diberi tag «reactjs»

React (juga dikenal sebagai React.js atau ReactJS) adalah perpustakaan JavaScript yang dikembangkan oleh Facebook untuk membangun antarmuka pengguna. Ini menggunakan paradigma deklaratif, berbasis komponen dan bertujuan untuk menjadi efisien dan fleksibel.


6
Menggunakan React di aplikasi multi-halaman
Saya telah bermain-main dengan React dan sejauh ini saya sangat menyukainya. Saya sedang membangun aplikasi dengan NodeJS dan ingin menggunakan React untuk beberapa komponen interaktif di seluruh aplikasi. Saya tidak ingin menjadikannya aplikasi satu halaman. Saya belum menemukan apa pun di web yang menjawab pertanyaan-pertanyaan berikut: Bagaimana cara memecah atau …

14
Bagaimana cara menerapkan rute yang diautentikasi di React Router 4?
Saya mencoba menerapkan rute yang diautentikasi tetapi menemukan bahwa React Router 4 sekarang mencegah ini berfungsi: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> Kesalahannya adalah: Peringatan: Anda tidak boleh menggunakan <Route component>dan <Route children>di rute …


6
Status ReactJS vs prop
Ini mungkin menginjak garis antara menjawab dan beropini, tapi saya akan bolak-balik tentang bagaimana menyusun komponen ReactJS saat kompleksitas tumbuh dan dapat menggunakan beberapa arah. Berasal dari AngularJS, saya ingin meneruskan model saya ke komponen sebagai properti dan meminta komponen memodifikasi model secara langsung. Atau haruskah saya memisahkan model menjadi …
121 reactjs 

2
Variabel status instance v di react.js
Di react.js, apakah lebih baik menyimpan referensi batas waktu sebagai variabel instan (this.timeout) atau variabel status (this.state.timeout)? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function () { self.openWidget(); }, DELAY); }, handleLeave: function () { // Clear the …

2
Axios get in url berfungsi tetapi dengan parameter kedua sebagai objek tidak
Saya mencoba mengirim permintaan GET sebagai parameter kedua tetapi tidak berfungsi saat berfungsi sebagai url. Ini berfungsi, $ _GET ['naam'] mengembalikan tes: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } }; …

16
Bagaimana cara menghilangkan garis bawah untuk komponen Link dari React Router?
Saya memiliki yang berikut ini: Bagaimana cara menghilangkan garis bawah biru? Kode di bawah ini: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> Komponen MenuItem berasal dari http://www.material-ui.com/#/components/menu Wawasan atau panduan apa pun akan sangat dihargai. Terima kasih sebelumnya.

3
PropTypes dalam Aplikasi TypeScript React
Apakah menggunakan React.PropTypesmasuk akal dalam Aplikasi TypeScript React atau apakah ini hanya kasus "sabuk dan suspender"? Karena kelas komponen dideklarasikan dengan Propsparameter type: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } apakah ada manfaat nyata untuk menambahkan static propTypes { myProp: React.PropTypes.string } …

9
ReactJS - Dapatkan Ketinggian elemen
Bagaimana saya bisa mendapatkan Tinggi sebuah elemen setelah React merender elemen itu? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight return <div className="test">Size: …

7
Bagaimana cara mengaktifkan / menonaktifkan 'mode pengembangan' ReactJS?
Mulai menggunakan fitur validasi prop ReactJS , yang menurut dokumen hanya berfungsi dalam 'mode pengembangan' karena alasan performa. React tampaknya memvalidasi properti dari komponen tertentu yang telah saya beri anotasi, tetapi saya tidak ingat secara eksplisit mengaktifkan 'mode pengembangan'. Saya mencoba mencari cara memicu / mengubah mode pengembangan, tetapi belum …
120 reactjs 

4
Penyajian sisi server ReactJS vs perenderan sisi klien
Saya baru saja mulai mempelajari ReactJS dan menemukan bahwa ini memberi Anda 2 cara untuk membuat halaman: sisi server dan sisi klien. Tapi, saya tidak bisa mengerti bagaimana menggunakannya bersama. Apakah ini 2 cara terpisah untuk membangun aplikasi, atau dapatkah keduanya digunakan bersama? Jika kita dapat menggunakannya bersama, bagaimana melakukannya …

7
React.js: acara onChange untuk contentEditable
Bagaimana cara mendengarkan perubahan acara untuk contentEditablekontrol berbasis? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

11
React JS onClick event handler
saya sudah var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); Saya ingin mewarnai latar belakang elemen daftar yang diklik. Bagaimana saya bisa melakukan ini di React? Sesuatu seperti $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });

10
Pelanggaran Invarian: Alat bantu navigasi tidak ada untuk navigator ini
Saya menerima pesan ini ketika saya mencoba memulai aplikasi asli bereaksi saya. Biasanya format semacam ini berfungsi pada navigasi multi layar lainnya namun entah bagaimana tidak berfungsi dalam kasus ini. Inilah kesalahannya: Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your …

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.