«reactjs» etiketlenmiş sorular

Https://github.com/moroshko/react-autosuggest adresinden bir örnek uyguluyorum Önemli kod şuna benzer: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an array of …

89 javascript  json  reactjs  webpack 

Amacım, bileşenleri bir sayfaya / üst bileşene dinamik olarak eklemektir. Bunun gibi bazı temel örnek şablonlarla başladım: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>, document.body); ReactDOM.render(<SampleComponent name="SomeName"/>, document.getElementById('myId')); App.js: var App = React.createClass({ render: function() { return ( <div> <h1>App main component! </h1> <div id="myId">myId div</div> </div> …

89 javascript  reactjs  babeljs 

Buna bir cevap bulmak için etrafta arama yapmayı denedim, ancak bunların çoğu, onChangebulanıklığın ardından tetikleyicilerin olduğu React bağlamının dışında . Çeşitli testler yaparken, bu iki olayın nasıl farklı olduğunu (bir metin alanına uygulandığında) söyleyemiyorum. Birisi buna ışık tutabilir mi?

89 javascript  reactjs  dom-events 

Açılır menü bileşeninin dışında bir tıklama oluştuğunda bir açılır menüyü kapatmak istiyorum. Bunu nasıl yaparım?

89 reactjs 

Flux'ı kullanmak için uygulamamı yeniden yazıyorum ve Mağazalardan veri alma konusunda sorun yaşıyorum. Çok fazla bileşenim var ve çok fazla iç içe geçiyorlar. Bazıları büyük ( Article), bazıları küçük ve basit ( UserAvatar, UserLink). Mağazalardan verileri bileşen hiyerarşisinde nerede okumam gerektiği konusunda mücadele ediyorum. İkisini de pek sevmediğim iki aşırı …

89 javascript  reactjs  reactjs-flux 

Sade eski javascript'te DIV var <div class="movie" id="my_movie"> ve aşağıdaki javascript kodu var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); }); Şimdi bir React Bileşenim var, bu bileşenin içinde, oluşturma yönteminde, div'ımı döndürüyorum. Özel etkinliğim için nasıl olay dinleyicisi ekleyebilirim? (Bu kitaplığı TV uygulamaları için kullanıyorum - navigasyon …

89 reactjs 

Belki bir şeyi yanlış anladım, ancak yeniden oluşturma gerçekleştiğinde Geri Çağırma Kancası her seferinde çalışır. Geri çağırmayı kullanmak için ikinci bir argüman olarak girdileri geçtim - hiç değişmeyen sabitler - ancak geri dönen geri çağırma, her işlemede pahalı hesaplamalarımı çalıştırmaya devam ediyor (oldukça eminim - aşağıdaki ön bilgide kendiniz kontrol …

89 reactjs 

İşte numaralar min + gzip 26k gzip 90k orijinal 450 + k Ve React'in belgelerinde pek çok özellik yok. Neden bu kadar büyük? Bunun hafif DOM'un uygulanması olduğunu hissediyorum. Ama emin olmak istiyorum.

88 reactjs 

React.js uygulamamı internet explorer üzerinde test ediyor ve bazı ES6 / 7 kodlarının Array.prototype.includes()onu kırdığını görüyorum . Create-react-app kullanıyorum ve görünüşe göre herkesin ihtiyacı olmadığı için çok fazla polyfill eklememeyi seçtiler ve derleme sürelerini yavaşlatıyorlar (örneğin buraya ve buraya bakın ). Belgeler (yazarken) şunları önerir: Çalışma zamanı desteğine ihtiyaç duyan …

88 javascript  reactjs  ecmascript-6  create-react-app  ecmascript-7 

ListView'den farklı olarak this.state.datasource'u güncelleyebiliriz. FlatList'i güncellemek veya yeniden oluşturmak için herhangi bir yöntem veya örnek var mı? Amacım, kullanıcı düğmeye bastığında metin değerini güncellemek ... renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> this.setState({value: this.state.data[index].value+1})> <Text>{this.state.data[index].value}</Text> </TouchableHighlight> ) } <FlatList ref={(ref) => { this.list = ref; }} keyExtractor={(item) => …

88 reactjs  react-native  react-native-flatlist 

Bir indirgeyicim var ve yeni durumu hesaplamak için eylemden verilere ve ayrıca devletin bu indirgeyici tarafından yönetilmeyen bir bölümünden verilere ihtiyacım var. Özellikle aşağıda göstereceğim redüktörde accountDetails.stateOfResidenceIdsahaya girmem gerekiyor . initialState.js: export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: '', product: '' }, forms: { blueprints: [ ] …

88 javascript  reactjs  redux 

Bir sunucudan belirteç kimlik doğrulamam var, bu nedenle Redux uygulamam ilk yüklendiğinde, kullanıcının kimlik doğrulamasının yapılıp yapılmadığını kontrol etmek için bu sunucuya bir istekte bulunmam gerekiyor ve evet ise belirteç almalıyım. Redux çekirdek INIT eylemlerinin kullanılmasının tavsiye edilmediğini fark ettim, bu yüzden uygulama oluşturulmadan önce bir eylemi nasıl gönderebilirim?

88 reactjs  redux 

TypeScript'i React ile birlikte React.Propskullandığımızda, derleyicinin tüm react bileşen props'larının çocuklara sahip olabileceğini bilmesi için artık genişletmemize gerek yok : interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return <div>{this.props.children}</div>; } } Ancak, durum bilgisi olmayan işlevsel bileşenler için durum böyle görünmüyor: const MyStatelessComponent …

88 reactjs  typescript 

reactjsES6 standartları kullanılarak yazılmış bir uygulamam var ve onu webpackoluşturmak için kullanıyorum. webpackYükleri jskullanarak modülleri babel-loader. Spesifik olmak gerekirse, aşağıdaki paket sürümlerini kullanıyorum: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Ancak, onu oluşturduktan sonra, IE 10 aşağıdaki hatayı veriyor 'Symbol' is undefined. 'Nin babeltanımlaması gerekmiyor Symbolmu? Çalışması için belirli …

87 reactjs  webpack  babeljs 

Sorun refSatır içi bir işlev tanımı kullanarak bir tepki ayarlıyorum render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> sonra componentDidMountDOM referansı ayarlanmadı componentDidMount = () => { // this.drawerRef is not defined Anladığım kadarıyla refgeri aramanın bağlama sırasında çalıştırılması gerekir, ancak console.logifadelerin eklenmesi ref …

87 javascript  reactjs