«reactjs» etiketlenmiş sorular

Ne zaman geçmesine önemlidir propsetmek super()ve neden? class MyComponent extends React.Component { constructor(props) { super(); // or super(props) ? } }

531 reactjs  ecmascript-6 

Bu hatayı alıyorum: Yakalanmayan Hata: Değişmez İhlal: Öğe türü geçersiz: bir dize (yerleşik bileşenler için) veya bir sınıf / işlev (bileşik bileşenler için) bekleniyordu ama got: object. Bu benim kodum: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var Link = Router.Link …

528 reactjs  react-router 

React sınıflarında aşağıdaki gibi stiller belirtebileceğinizin farkındayım: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Tüm stilleri bu şekilde yapmayı hedeflemeli miyim ve CSS dosyamda hiç stil belirtilmemiş mi? Yoksa …

512 css  reactjs  inline-styles  react-jsx 

React tüm bileşenleri ve alt bileşenleri her seferinde yeniden oluşturur mu? setState çağrıldığında mu? Öyleyse neden? Fikrin, React'in sadece gerektiği kadar az bir hale getirildiğini düşündüm - devlet değiştiğinde. Aşağıdaki basit örnekte, onClick işleyicisi her zaman stateaynı değere ayarlandığından, sonraki tıklatmalarda durumun değişmemesine rağmen, metin tıklatıldığında her iki sınıf da …

503 javascript  reactjs 

React.js'de debounce nasıl yapıyorsunuz? HandleOnChange'i geri almak istiyorum. Denedim debounce(this.handleOnChange, 200)ama işe yaramıyor. function debounce(fn, delay) { var timer = null; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function() { fn.apply(context, args); }, delay); }; } var SearchBox = React.createClass({ render: function() { return …

496 javascript  reactjs 

Şu anda redux kasabasındaki son çocuk, redux-saga / redux-saga hakkında çok fazla konuşma var . İşlemleri dinlemek / göndermek için jeneratör işlevlerini kullanır. Başımı etrafına sarmadan önce , async / await ile redux-sagakullandığım aşağıdaki yaklaşım yerine kullanmanın artılarını / eksilerini bilmek istiyorum redux-thunk. Bir bileşen böyle görünebilir, her zamanki gibi …

488 javascript  reactjs  redux  redux-thunk  redux-saga 

İki bileşenim var. Ana bileşen Alt bileşen Ebeveynten çocuğun yöntemini çağırmaya çalışıyordum, bu şekilde denedim ama sonuç alamadım class Parent extends Component { render() { return ( <Child> <button onClick={Child.getAlert()}>Click</button> </Child> ); } } class Child extends Component { getAlert() { alert('clicked'); } render() { return ( <h1 ref="hello">Hello</h1> ); …

474 javascript  reactjs 

Benim kurmaya çalışıyorum React.jsdeğişken ı kümesidir varsa sadece böylece render uygulaması true. Oluşturma işlevimin ayarlanma şekli şuna benzer: render: function() { var text = this.state.submitted ? 'Thank you! Expect a follow up at '+email+' soon!' : 'Enter your email to request early access:'; var style = this.state.submitted ? {"backgroundColor": "rgba(26, …

467 javascript  reactjs  render 

Bir statedizinin sonuna bir öğe eklemek istiyorum , bu doğru şekilde mi? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Ben dizi yerinde yerinde değişiklik pushsorun neden olabilir endişe - güvenli mi? Dizinin bir kopyasını yapmanın ve setStateisraflı görünmenin alternatifi .

416 javascript  reactjs 

__firebase_request_keyTwitter'dan tek oturum açma işleminin oluşturduğu bir URL'den sunucularından yeniden yönlendirmeden sonra elde edilen URL'den parametre değerini yakalamak için route.jsx dosyamda nasıl bir rota tanımlayabilirim ? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Aşağıdaki yollar yapılandırması ile denedim, ancak :redirectParambelirtilen param yakalamak değil: <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} /> </Route> </Route> …

413 reactjs  react-router 

Bu makalede açıklandığı gibi, bir bileşenin dışında bir tıklama olayı olup olmadığını tespit etmek için bir yol arıyorum . jQuery closest (), bir tıklama etkinliğinden gelen hedefin üst öğelerinden biri olarak dom öğesine sahip olup olmadığını görmek için kullanılır. Bir eşleşme varsa, tıklama etkinliği çocuklardan birine aittir ve bu nedenle …

410 javascript  dom  reactjs 

Bir <select>menü için bir React bileşeninde , selectedöznitelik uygulama durumunu yansıtan seçeneği ayarlamak gerekir . İçinde render(), optionStatedurum sahibinden SortMenu bileşenine iletilir. Seçenek değerleri propsJSON'dan itibaren iletilir . render: function() { var options = [], optionState = this.props.optionState; this.props.options.forEach(function(option) { var selected = (optionState === option.value) ? ' selected' : …

402 javascript  reactjs 

Resmi React Native web sitesindeki öğreticiyi takip ediyorum. Projemi oluşturmak için aşağıdakileri kullanma: react-native run-ios Hatayı alıyorum: Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in PATH Command failed: xcrun instruments -s xcrun: error: unable to find utility "instruments", not a developer …

394 javascript  ios  reactjs  react-native  ios-simulator 

Böyle iç içe özelliği kullanarak durumumu düzenlemeye çalışıyorum: this.state = { someProperty: { flag:true } } Ancak durumu bu şekilde güncellemek, this.setState({ someProperty.flag: false }); çalışmıyor. Bu nasıl doğru şekilde yapılabilir?

390 javascript  reactjs  ecmascript-6  setstate 

Önemsiz bir React örnek sayfası yaptıktan sonra bu hatayı alıyorum: Yakalanmayan Hata: Değişmez İhlal: _registerComponent (...): Hedef kapsayıcı bir DOM öğesi değil. İşte benim kod: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({ render() { return <h1>Yo</h1>; } }); React.renderComponent(<App />, document.body); HTML: <html> …

388 javascript  dom  reactjs