Pertanyaan yang diberi tag «reactjs»

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 akan menjalankan yang pertama, tetapi Anda dapat menebaknya …

102 javascript  reactjs 

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"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); Bukankah keadaan seharusnya berubah hanya setelah 3 detik? Ini …

102 javascript  reactjs 

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 https://palantir.github.io/tslint/rules/no-console/ . Tetapi mereka tidak mengatakan di mana harus meletakkan baris ini: "no-console": [true, "log", "error"] Saya mencari …

102 reactjs  typescript  create-react-app  tslint 

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() { describe('#indexOf()', function() { it('should return -1 when the value …

102 javascript  reactjs  npm  react-jsx 

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 = { router: PropTypes.func.isRequired }; constructor(props, context) { super(props, context); } handleClick …

102 javascript  reactjs 

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 otomatis. Jadi apa yang harus saya …

102 javascript  css  reactjs  react-native 

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) { debugger; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) { return …

102 javascript  reactjs  redux 

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 ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url = item.articleId …

101 javascript  reactjs  this  map-function 

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 dan dengan konsep seperti obat generik adalah solusi …

101 reactjs  flowtype  react-proptypes 

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 banyak interaksi pengguna, modals yang menampilkan data …

101 asp.net  angular  reactjs  razor 

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

101 javascript  reactjs  redux  single-page-application 

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 ini, saya mengatur negara …

101 javascript  reactjs  settimeout  state 

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 () { $(this.getDOMNode()).slimScroll({height: this.props.height, distance: '4px', size: '8px'}); }, componentDidUpdate: function () …

101 javascript  reactjs 

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> Select Scenario:   <select> <option></option> </select> <button type="button">Get Pricing Report</button> <br/> Select Takeout Scenario:  <select> <option></option> </select> <button type="button">Get Pricing Report</button> …

101 html  reactjs  jsx 

Garis tunggal berfungsi dengan baik render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } bukan untuk beberapa baris render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); } Terima kasih.

100 reactjs