«reactjs» etiketlenmiş sorular

Create-react-app ile geliştirme yaparken tarayıcım şu uyarılarda hata ayıklayıcı moduna girer: React-dev-tools'un kaynak kodunu bozuyor: // --- Welcome to debugging with React DevTools --- // This debugger statement means that you've enabled the "break on warnings" feature. // Use the browser's Call Stack panel to step out of this override …

87 reactjs  javascript-debugger 

React native navigasyonu (react-navigation) StackNavigator kullanıyorum. uygulamanın tüm yaşam döngüsü boyunca Oturum Açma sayfasından başlar. Giriş ekranına dönerek bir geri seçeneğimin olmasını istemiyorum. Giriş ekranından sonra ekranda nasıl gizlenebileceğini bilen var mı? BTW, şunu kullanarak da giriş ekranında saklıyorum: const MainStack = StackNavigator({ Login: { screen: Login, navigationOptions: { title: …

87 reactjs  react-native  navigation  react-navigation 

Redux mağazamda bir ref depoluyorum ve ona erişmesi gereken bileşenler için ref'i ortaya çıkarmak için mapStateToProps kullanıyorum. Depolanan referans şuna benzer: ref={node => this.myRefToBePutInReduxGlobalStore = node} Bu referans için doğru propType nedir?

87 reactjs 

Satır sonları içeren bir metin dizem olduğunu ve bunu şu şekilde işlediğimi varsayalım: render() { var text = "One\nTwo\nThree"; return <div>{text}</div>; } HTML'de satır kesmeleri satır kesmeleri olarak işlenmez. Bunu React'te nasıl yapmalıyım? <br>Etiketlere dönüştürmek ve kullanmak istemiyorum dangerouslySetInnerHTML. Başka bir yolu var mı?

87 reactjs 

Tarzlı bileşenlerde gezinmeleri tutmanın en iyi yolu nedir? Üzerine gelindiğinde bir düğme gösterecek bir sarma öğem var. Bileşende bir durum uygulayabilir ve bir özelliği vurgulu olarak değiştirebilirdim, ancak bunu stilize edilmiş cmponentlerle yapmanın daha iyi bir yolu olup olmadığını merak ediyordum. Aşağıdaki gibi bir şey işe yaramaz, ancak ideal olur: …

87 reactjs  styled-components 

React'te, durum anında güncellenmez, bu nedenle içinde geri aramayı kullanabiliriz setState(state, callback). Ama Redux'da nasıl yapılır? Aradıktan sonra this.props.dispatch(updateState(key, value)), güncellenmiş durumla hemen bir şeyler yapmam gerekiyor. React'te yaptığım gibi en son duruma sahip bir geri aramayı aramamın bir yolu var mı?

86 javascript  reactjs  redux 

React ile filtrelenebilir bir liste oluşturma sürecindeyim. Listenin yapısı aşağıdaki resimde gösterildiği gibidir. ÖNCÜL İşte nasıl çalışması gerektiğine dair bir açıklama: Devlet, en üst düzey bileşen olan Searchbileşende bulunur. Durum şu şekilde açıklanmaktadır: { görünür: boole, dosyalar: dizi, filtrelenmiş: dizi, sorgu: dize, şu andaSelectedIndex: tamsayı } files dosya yolları içeren …

86 javascript  list  reactjs 

React bileşenlerini kullanan karmaşık bir web sayfam var ve sayfayı statik bir düzenden daha duyarlı, yeniden boyutlandırılabilir bir düzene dönüştürmeye çalışıyorum. Ancak, React ile ilgili sınırlamalarla karşılaşmaya devam ediyorum ve bu sorunların üstesinden gelmek için standart bir model olup olmadığını merak ediyorum. Benim özel durumumda, display: table-cell ve width: auto …

86 javascript  reactjs  responsive 

React sitemde Google Analytics'i kurmaya çalışıyorum ve birkaç paketle karşılaştım, ancak hiçbiri örnekler açısından sahip olduğum türden bir kuruluma sahip değil. Birinin buna biraz ışık tutmasını umuyordum. Baktığım paket react-ga . Benim render metodum index.jsbuna benziyor. React.render(( <Router history={createBrowserHistory()}> <Route path="/" component={App}> <IndexRoute component={Home} onLeave={closeHeader}/> <Route path="/about" component={About} onLeave={closeHeader}/> <Route …

86 google-analytics  reactjs  react-router 

Baskıdaki etkin tepki önyükleme açılır penceresini kapatmak için bağlanmak istiyorum.İşte escapekod _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){ BannerDataStore.addChangeListener(this._onchange); document.addEventListener("click", this._handleDocumentClick, false); document.addEventListener("keyPress", this._handleEscKey, false); }, componentWillUnmount: function() { BannerDataStore.removeChangeListener(this._onchange); document.removeEventListener("click", this._handleDocumentClick, false); document.removeEventListener("keyPress", this._handleEscKey, false); }, Ancak herhangi bir tuşa bastığımda konsolda hiçbir şey oturum açmıyor. Bunu …

86 reactjs  react-jsx  react-bootstrap 

Create React Uygulaması ile oynamaya başlıyorum, ancak index.jsiçeride nasıl yüklendiğini anlayamıyorum index.html. Bu html kodudur: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> <!-- Notice the use of %PUBLIC_URL% in the tag above. It will be replaced with the URL of the `public` …

86 javascript  html  reactjs  create-react-app 

Bir Redux uygulamasındaki başlangıç ​​durumu iki şekilde ayarlanabilir: bunu ikinci argüman olarak iletincreateStore ( docs link ) (alt-) indirgeyicilerinize ilk argüman olarak iletin ( dokümanlar bağlantısı ) Mağazanıza ilk durumu iletirseniz, bu durumu mağazadan nasıl okursunuz ve onu redüktörlerinizde ilk argüman haline getirirsiniz?

85 javascript  reactjs  redux 

Bir React Native Navigator bileşeni içinde oluşturulan bir react-redux konteyner bileşenine sahibim. Gezgini bir destek olarak bu kapsayıcı bileşenine geçirebilmek istiyorum, böylece sunum bileşeninin içinde bir düğmeye basıldıktan sonra, bir nesneyi gezinti yığınına itebilir. Bunu, react-redux kapsayıcı bileşeninin bana verdiği tüm standart kodu elle yazmaya gerek kalmadan yapmak istiyorum (ve …

85 reactjs  react-native  redux  react-redux 

webpackTerminalde ne zaman koşsam şunu alırım: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' İşte benim olduğunu webpack.config.js dosyası module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] } …

84 javascript  express  reactjs  webpack  babeljs 

Bir düğme tıklamasını simüle etmek çok kolay / standart bir işlem gibi görünüyor. Yine de, Jest.js testlerinde çalışmasını sağlayamıyorum. Bu denediğim şeydi (ve bunu jQuery kullanarak yapıyorum), ancak hiçbir şeyi tetiklemedi import { mount } from 'enzyme'; page = <MyCoolPage />; pageMounted = mount(page); const button = pageMounted.find('#some_button'); expect(button.length).toBe(1); // …

84 javascript  reactjs  testing  jestjs  enzyme