Judulnya menjelaskan semuanya. Saya mengerti mengapa componentDidMountcocok untuk apa pun yang membutuhkan akses DOM, tetapi permintaan AJAX tidak selalu atau biasanya membutuhkan ini. Apa yang
Saya tidak mengerti apa tujuan menggunakan IndexRoute dan IndexLink . Tampaknya dalam kasus apa pun kode di bawah ini akan memilih komponen Rumah terlebih dahulu kecuali jalur Tentang diaktifkan. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about"...
Ini formulir saya dan metode onClick. Saya ingin menjalankan metode ini ketika tombol Enter pada keyboard ditekan. Bagaimana caranya? NB: Tidak ada jquery yang dihargai. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value,...
Saya ingin memeriksa apa yang terjadi ketika Anda menggunakan this.setState beberapa kali (2 kali demi diskusi). Saya berpikir bahwa komponen akan di-render dua kali tetapi ternyata itu hanya ditampilkan sekali. Harapan lain yang saya miliki adalah bahwa mungkin panggilan kedua untuk setState...
Saya membuat formulir di React Native dan ingin menjadikan TextInputs saya 80% dari lebar layar. Dengan HTML dan CSS biasa, ini akan menjadi mudah: input { display: block; width: 80%; margin: auto; } Kecuali bahwa React Native tidak mendukung displayproperti, persentase lebar, atau margin...
Saya memiliki satu komponen yang akan menampilkan Array of String. Kodenya terlihat seperti ini. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Ini bekerja dengan baik. yaitu jika props.data = ['tom', 'jason', 'chris']...
Saya memiliki komponen yang telah saya buat: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) {...
Saya mencoba melakukan SEDERHANA menggunakan react-router ( versi ^ 1.0.3 ) untuk mengarahkan ke tampilan lain dan saya hanya lelah. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes =...
Memperhatikan kode ini: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component">
Saya memiliki file test_stuff.js yang saya jalankan npm test Ini terlihat seperti ini: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() {...
Saya telah menginstal eslint-config-airbnb yang seharusnya mengonfigurasi ESLINT untuk React: Ekspor default kami berisi semua aturan ESLint kami, termasuk ECMAScript 6+ dan React. Ini membutuhkan eslint, eslint-plugin-import, eslint-plugin-react, dan eslint-plugin-jsx-a11y. Saya...
Saya baru saja mulai menggunakan create-react-app dengan skrip jenis create-react-app my-app --scripts-version=react-scripts-ts dan konfigurasi tslint.json default tidak mengizinkan console.log (). Bagaimana saya (untuk saat ini) mengaktifkan console.log? Dokumen untuk ini ada di...
Saya hanya menulis ke input teks dan onChangejika saya menelepon setState, maka React me-render UI saya. Masalahnya adalah input teks selalu kehilangan fokus, jadi saya perlu memfokuskannya lagi untuk setiap huruf: D. var EditorContainer = React.createClass({ componentDidMount: function () {...
Saya bekerja dengan Reactjs, menulis komponen menu. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ?...
PropTypes dan Flow mencakup hal-hal yang serupa tetapi menggunakan pendekatan yang berbeda. PropTypes dapat memberi Anda peringatan selama runtime, yang dapat membantu untuk dengan cepat menemukan respons yang salah format yang berasal dari server, dll. Namun, Flow tampaknya akan menjadi masa depan...
Saya masih cukup baru di React, tetapi saya telah bekerja dengan lambat dan saya menemukan sesuatu yang membuat saya terjebak. Saya mencoba membuat komponen "pengatur waktu" di React, dan sejujurnya saya tidak tahu apakah saya melakukan ini dengan benar (atau efisien). Dalam kode saya di bawah...
Saya menggunakan & nbsp tag di jsx dan tidak memberikan spasi. Berikut ini adalah potongan kecil kode saya. Tolong bantu. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr>...
Saya menyadari ini adalah pertanyaan dasar tetapi saya tidak beruntung menemukan jawabannya di tempat lain. Apakah store.dispatchsinkron atau asinkron Redux? Jika asynchronous, adakah kemungkinan untuk menambahkan callback setelah aksi telah disebarkan karena mungkin dengan
Saya dan tim saya telah menerima dana untuk mulai mengembangkan aplikasi web tingkat Perusahaan (tidak akan menjelaskan secara rinci tentang apa yang dilakukannya). Aplikasi akan memiliki banyak halaman web terpisah tetapi dua dari halaman tersebut lebih fokus dan sangat berat - berat seperti...
Saya ingin membuat komponen React yang dapat diseret (yaitu, dapat diposisikan ulang oleh mouse), yang tampaknya melibatkan keadaan global dan penangan acara yang tersebar. Saya dapat melakukannya dengan cara yang kotor, dengan variabel global dalam file JS saya, dan mungkin bahkan dapat...