«reactjs» etiketlenmiş sorular

onClickCSS özelliklerini değiştirmek için aktif bir sınıfı nasıl değiştireceğimi anlamaya çalışıyorum . Pek çok yaklaşım aldım ve birçok SO cevabı okudum. Jquery kullanmak nispeten basit olurdu, ancak bunu react ile yapmayı çözemiyorum. Kodum aşağıda. Bunu nasıl yapmam gerektiğini kimse söyleyebilir mi? Her öğe için yeni bir bileşen oluşturmadan bunu yapmak …

93 javascript  reactjs 

Devre dışı bırakılan özniteliği bir düğme öğesine dinamik olarak dahil etmek / çıkarmak istiyorum. Dinamik öznitelik değerlerinin çok sayıda örneğini gördüm, ancak özniteliklerin kendileri görmedim. Aşağıdaki render işlevine sahibim: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : ""; return <button {maybeDisabled}>Clear cart</button> } Bu, "{" karakteri nedeniyle bir …

93 reactjs 

Bildiğim ve hatalıysam beni düzelttiğim kadarıyla, redux-thunk , eşzamansız işlevi göndermemize ve eylemin kendisinde değerleri hata ayıklamamıza yardımcı olan bir ara yazılımdır , ancak yeniden uyarlama sözünü kullandığımda eşzamansız işlevler oluşturamazken kendi işlevimi uygulamadan Action olarak mekanizma, yalnızca düz nesnelerin gönderilmesine ilişkin bir istisna atar. Bu iki paket arasındaki temel …

93 reactjs  redux  redux-thunk  redux-promise 

BindActionCreators için Redux belgeleri şunları belirtir: Bunun için tek kullanım durumu bindActionCreators, bazı eylem yaratıcılarını Redux'un farkında olmayan bir bileşene aktarmak istediğinizde ve sevkıyat veya Redux mağazasını ona iletmek istemediğinizde. Nerede bindActionCreatorskullanılacak / ihtiyaç duyulacak bir örnek ne olabilir? Hangi tür bileşen Redux'tan haberdar olmaz ? Her iki seçeneğin avantajları …

93 reactjs  redux  react-redux 

Chrome uzantılarının "manifest.json" kullandığını biliyorum, ancak burada başka bir şey olarak da kullanılıyor. içerik - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url": "./index.html", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } Bir değeri değiştirdiğimde, sayfa güncelliyor ama …

93 reactjs  manifest  create-react-app 

Burada<canvas> bulduğum bu harika animasyonu bir React yeniden kullanılabilir bileşenine dönüştürmeye çalışıyorum . Görünüşe göre bu bileşen, tuval için bir ana bileşen ve çok sayıda alt bileşen gerektirecekfunction Ball() . Performans nedenlerinden ötürü, Ballsbirçoğu olacağı için , büyük olasılıkla vatansız bileşenlere dönüştürmek daha iyi olacaktır. Vatansız bileşenler yapmaya o kadar …

93 reactjs 

React'teki bir proje üzerinde çalışıyorum ve beni rahatsız eden bir sorunla karşılaştım. Ne zaman çalıştırırsam yarn startbu hatayı alıyorum: TypeError [ERR_INVALID_ARG_TYPE]: "Yol" bağımsız değişkeni, string türünde olmalıdır. Alınan tip tanımsız Bunun neden olduğu hakkında hiçbir fikrim yok, eğer birisi bunu yaşarsa minnettar olurum.

92 javascript  reactjs  redux  visual-studio-code  yarnpkg 

Aşağıdaki soruna ne sebep olur? Android SDK Sürümüm desteklenmiyor mu? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find Build Tools revision 23.0.1

92 javascript  android  reactjs  react-native 

React bileşenimde, bir ajax isteği devam ederken basit bir döndürücü uygulamaya çalışıyorum - yükleme durumunu saklamak için durumu kullanıyorum. Bazı nedenlerden dolayı, React bileşenimdeki bu kod parçası bu hatayı atıyor Yalnızca monte edilmiş veya monte edilmiş bir bileşeni güncelleyebilir. Bu genellikle, bağlanmamış bir bileşende setState () çağırdığınız anlamına gelir. Bu …

92 javascript  ajax  reactjs  state 

React'teki bir div üzerinde keyDown olayını kullanmak istiyorum. Yaparım: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) { console.log(e.keyCode); } render() { let player = this.props.boards.dungeons[this.props.boards.currentBoard].player; return ( <div className="player" style={{ position: "absolute" }} onKeyDown={this.onKeyPressed} // not working > <div className="light-circle"> <div className="image-wrapper"> <img src={IMG_URL+player.img} /> </div> …

92 reactjs  events  keypress  keydown 

Yalnızca gerçek uygulamayı altında görebiliyorum /public. Yapılandırmalar webpack.config.jsaşağıdadır: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: /node_modules/ } ] }, …

92 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server 

Örneğin: codepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });

92 javascript  select  input  reactjs 

Redux dokümantasyonunun ilk sorumlusu: Tüm uygulamanızın durumu, tek bir depodaki bir nesne ağacında saklanır. Ve aslında tüm müdürleri iyi anladığımı düşündüm. Ama şimdi uygulamanın ne anlama geldiğini kafam karıştı. Uygulama, web sitesinde yalnızca küçük karmaşık bir bölüm anlamına geliyorsa ve yalnızca bir sayfada çalışıyorsa, anlıyorum. Peki ya uygulama tüm web …

92 reactjs  redux  flux 

Onay kutusu TSX (JSX) öğem var: <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> VS kod yardımıyla ben giriş parametresi türü olduğunu biliyoruz this.handleCheckboxClickolduğunu MouseEvent<HTMLInputElement>. Ben de bunu şu şekilde uyguladım: private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) { ... } Ardından [ts] Type 'MouseEvent' is not generic.aşağıdaki resimde gösterildiği gibi bir hata alıyorum : Paketlerimin versiyonu: …

92 reactjs  typescript  events  types  jsx 

ReactJS kullanıyorum ve uygulamamın bir kısmı oldukça basılı JSON gerektiriyor. Şunun gibi bir JSON alıyorum: { "foo": 1, "bar": 2 }ve bunu JSON.stringify(obj, null, 4)tarayıcı konsolunda çalıştırırsam , oldukça yazdırıyor, ancak bu react snippet'inde kullandığımda: render: function() { var json = this.getStateFromFlux().json; return ( <div> <JsonSubmitter onSubmit={this.onSubmit} /> { JSON.stringify(json, …

92 javascript  json  reactjs  flux