«reactjs» etiketlenmiş sorular

Dan olduğunu bilmek geldi v15.3.0 tepki , yeni bir temel sınıf olarak adlandırılan sahip PureComponent ile genişletmek için PureRenderMixin yerleşik. Anladığım kadarıyla, kaputun altında bu, iç kısımdaki sahne malzemelerinin sığ bir karşılaştırmasını kullanıyor shouldComponentUpdate. Şimdi bir React bileşenini tanımlamanın 3 yolu var: Hiçbir sınıfı genişletmeyen işlevsel durumsuz bileşen PureComponentSınıfı genişleten …

189 javascript  reactjs  ecmascript-6 

Kapalı . Bu soru görüş temelli . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Bu yayını düzenleyerek gerçekler ve alıntılarla yanıtlanabilmesi için soruyu güncelleyin . 2 yıl önce kapalı . Bu soruyu geliştir React 16.3.0 yayınlandı ve Bağlam API'sı artık deneysel bir özellik değil. Dan Abramov (Redux'un …

189 javascript  reactjs  redux  react-redux  react-context 

Birisi arasındaki farkı açıklayabilir mi? <Route exact path="/" component={Home} /> ve <Route path="/" component={Home} /> 'Kesin' kelimesinin anlamını bilmiyorum

189 reactjs  react-router  react-router-dom 

Birçok şablon dili, bir şablonu diğerinin içine sarmak için bir çeşit kontrolün tersine çevrilmesine izin veren "yuvalar" veya "verim" ifadelerine sahiptir. Açısal "kopyalama" seçeneği vardır . Raylar verim beyanına sahiptir . React.js'de verim bildirimi olsaydı şöyle olurdu: var Wrapper = React.createClass({ render: function() { return ( <div className="wrapper"> before <yield/> …

187 javascript  template-engine  composition  reactjs  transclusion 

C1 ve C2 olmak üzere iki alt sınıf oluşturan bir React sınıfına sahip olduğumu varsayalım. C1 bir giriş alanı içerir. Bu girdi alanına Foo diyeceğim. Amacım C2'nin Foo'daki değişikliklere tepki vermesine izin vermek. İki çözüm buldum, ama ikisi de oldukça iyi hissettirmiyor. İlk çözüm: P'ye bir durum atayın state.input. onChangeP'de …

186 reactjs 

Bir React formuyla ilgili sorun yaşıyorum ve durumu düzgün bir şekilde yönetiyorum. Bir formda (modal) bir zaman girdi alanı var. Başlangıç ​​değeri bir durum değişkeni olarak ayarlanır getInitialStateve bir üst bileşenden iletilir. Bu kendi içinde iyi çalışıyor. Üst bileşen aracılığıyla varsayılan başlangıç_zamanı değerini güncellemek istediğimde sorun geliyor. Güncellemenin kendisi üst …

184 reactjs 

Bileşen yöntemlerine ReactJS'deki “dışarıdan” neden erişemiyorum? Neden mümkün değil ve çözmenin bir yolu var mı? Kodu düşünün: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not a function" error. </div> ); } }); var Child = React.createClass({ …

183 javascript  reactjs  dom 

Her kaydırma yaptığımda bir dizi mesajı çeken bir sohbet widget'ım var. Şimdi karşı karşıya olduğum sorun mesajlar yüklendiğinde kaydırıcı üst sabit kalır. Önceki dizinin son dizin öğesine odaklanmak istiyorum. Dizini geçerek dinamik referanslar yapabileceğimi anladım, ancak bunu elde etmek için ne tür kaydırma işlevinin kullanılacağını da bilmem gerekir. handleScrollToElement(event) { …

183 javascript  reactjs  ecmascript-6 

Bir şekilde geçerli rotadan aktarılan bir titlein görüntülemek istiyorum <AppBar />. React Router v4'te <AppBar />mevcut rotayı titlepervanesine nasıl geçirebiliriz ? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> </main> </Router> Özel gönderen bir özel başlık geçirmek için bir …

183 reactjs  react-router  react-router-v4 

Getirme kullanarak web hizmetini arıyorum ama aynı axios yardımıyla yapabilirsiniz. Şimdi kafam karıştı. Ya aksaklık mı yoksa getirme mi?

182 ajax  reactjs  xmlhttprequest  es6-promise  es6-modules 

İşte denediğim ve nasıl ters gittiği. Bu çalışıyor: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Bu değil: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> Description özelliği, normal bir HTML içeriği dizesidir. Bununla birlikte, bazı nedenlerden dolayı HTML olarak değil, bir dize olarak oluşturulur. Herhangi bir öneri?

182 javascript  html  reactjs  jsx 

React ile ES6 sınıflarını kullanmak için yeni, daha önce yöntemlerimi geçerli nesneye bağladım (ilk örnekte göster), ama ES6 kalıcı olarak bir sınıf işlevini oklarla bir sınıf örneği bağlamak için izin veriyor mu? (Geri arama işlevi olarak geçerken kullanışlıdır.) CoffeeScript ile bunları mümkün olduğunca kullanmaya çalıştığımda hata alıyorum: class SomeClass extends …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

React'te bir bileşenin yeniden işlemesine neden olan şeyi hatalarını ayıklamak için sistematik bir yaklaşım var mı? Kaç kez işlediğini görmek için basit bir console.log () koydum, ancak benim durumumda bileşenin birden çok kez, yani (4 kez) oluşturmasına neyin neden olduğunu bulmakta güçlük çekiyorum. Bir zaman çizelgesini ve / veya tüm …

181 reactjs  redux 

Ben bütün için yeni nodejs / reactjs sorum sesleri saçma eğer özür böylece dünyanın. Bu yüzden reaktabular.js ile oynuyorum . Ne zaman yapsam npm start, her zaman çalışır localhost:8080. 0.0.0.0:8080Herkese açık hale getirmek için çalışacak şekilde nasıl değiştirebilirim ? Yukarıdaki repo kaynak kodunu okumaya çalışıyorum ama bu ayarı yapan dosyayı …

180 node.js  reactjs  npm  webpack  webpack-dev-server 

React 16.8.6 ile (önceki sürüm 16.8.3'te iyiydi), bir getirme isteğinde sonsuz bir döngüyü önlemeye çalıştığımda bu hatayı alıyorum ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps Sonsuz döngüyü durduran bir çözüm bulamadım. Kullanmaktan uzak durmak istiyorum useReducer(). Bu …

180 reactjs  eslint  create-react-app  react-hooks