«reactjs» etiketlenmiş sorular

Bir react bileşenine sınıf eklemek için css-in-js yöntemini kullanarak birden çok bileşeni nasıl eklerim? İşte sınıflar değişkeni: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); İşte onu nasıl kullandım: return ( <div className={ this.props.classes.container }> Yukarıdakiler çalışır, ancak classNamesnpm …

92 css  reactjs  material-design  material-ui  jss 

Facebook'un belgelerine ( React.Component ) baktım ve sadece componentWillMountistemcide çalıştırılırken istemci / sunucuda nasıl çağrıldığından bahsediyor componentDidMount. componentWillMountSunucuya ne yapar ?

92 reactjs 

Çevrimiçi bir kurstan oluşturulmuş bu basit helloworld tepki uygulamasına sahibim, ancak şu hatayı alıyorum: Geçersiz yapılandırma nesnesi. Web paketi, API şemasıyla eşleşmeyen bir yapılandırma nesnesi kullanılarak başlatıldı. - yapılandırma, bilinmeyen bir 'postcss' özelliğine sahip. Bu özellikler geçerlidir: nesne {amd ?, kefalet ?, önbellek ?, bağlam ?, bağımlılıklar ?, devServer ?, …

92 reactjs  typescript  webpack 

Yerel tutamacın nasıl tepki verdiğini veya duyarlı yazı tipini nasıl yaptığını sormak istiyorum. Örneğin iphone 4s'de fontSize: 14'üm var, iphone 6'da ise fontSize: 18 var.

92 ios  reactjs  react-native 

Bence, başlık herşeyi söylüyor. Halen getirilmekte olan bir bileşenin bağlantısını her kaldırdığımda sarı uyarı görüntüleniyor. Konsol Uyarı: Bağlanmayan bir bileşende setState(veya forceUpdate) çağrılamaz . Bu işlem yok, ancak ... Düzeltmek için, componentWillUnmountyöntemdeki tüm abonelikleri ve zaman uyumsuz görevleri iptal edin . constructor(props){ super(props); this.state = { isLoading: true, dataSource: [{ …

92 reactjs 

Hepsinin aynı şeyi yapması gereken birden fazla bileşene sahibim. (Alt bileşenlerini eşleyen ve her birine bir şeyler yapan basit bir işlev). Şu anda bu yöntemi bileşenlerin her birinde tanımlıyorum. Ama onu sadece bir kez tanımlamak istiyorum. Bunu en üst düzey bileşende tanımlayabilir ve ardından bir destek olarak aktarabilirim. Ancak bu …

92 reactjs 

Sublime Text'i metin düzenleyici olarak kullanıyorum. Javascript dosyalarını biçimlendirmek için bir jsFormat var, ancak JSX için bir tane bulamıyorum. JSX biçimlendirmeyle nasıl başa çıkıyorsunuz?

91 reactjs  sublimetext  react-jsx 

Typescript, React ve Redux ile bir proje üzerinde çalışıyorum (hepsi Electron'da çalışıyor) ve bir sınıfa dayalı bileşeni diğerine dahil ettiğimde ve aralarında parametreleri geçirmeye çalıştığımda bir sorunla karşılaşıyorum. Kabaca konuşursak, konteyner bileşeni için aşağıdaki yapıya sahibim: class ContainerComponent extends React.Component<any,any> { .. render() { const { propToPass } = this.props; …

91 reactjs  typescript  redux  electron  jsx 

JSX'e nasıl (ve neden ) boşluk ekleyeceğimi anlıyorum, ancak en iyi uygulamanın ne olduğunu veya herhangi birinin gerçek bir fark yaratıp yaratmadığını merak ediyorum. Her iki öğeyi bir aralıkta sarın <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> Onları tek satıra ekleyin <div className="top-element-formatting"> Hello <span className="second-word-formatting">World!</span> </div> JS ile alan …

91 javascript  reactjs  react-jsx 

Bariz bir soru sorduğuma inanamıyorum, ancak yine de konsol günlüğünde hatayı alıyorum. Konsol, modülü dizinde bulamadığını söylüyor, ancak yazım hatalarını en az 10 kez kontrol ettim. Her neyse, işte bileşen kodu. Üstbilgiyi kökte oluşturmak istiyorum import React, { Component } from 'react' import Header from './src/components/header/header' import logo from './logo.svg' …

91 javascript  reactjs 

Bu yüzden şuna sahibim: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal sadece bir sayı dizisidir, [1, 5, 9]örneğin this.state.dealersOverallTotaldoğru toplamı vermez, ancak verir total? Bunun sorunu çözüp …

91 javascript  reactjs  state  setstate 

Metin girişi ortaya hizalanır, bu metin girişi sol üst köşeden giriş alacak şekilde nasıl düzeltilir İşte metin girişi için css'im /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex: 1, padding: 4, marginRight: …

91 javascript  ios  reactjs  react-native 

Benim için birim testlerim var reducers. Ancak, tarayıcıda hata ayıklarken, eylemlerimin doğru şekilde çağrılıp çağrılmadığını ve durumun buna göre değiştirilip değiştirilmediğini kontrol etmek istiyorum. Şunun gibi bir şey arıyorum: window._redux.store ... tarayıcıda, böylece konsola yazabilir ve işlerin nasıl gittiğini kontrol edebilirim. Bunu nasıl başarabilirim?

91 javascript  reactjs  redux 

Ben dışarı çalışıyorum (v4)-Router tepki ve ben birine sahip Nav kapalı başlayarak sahip sorunları değilim Link'olmak s active. LinkEtiketlerin herhangi birine tıklarsam , aktif öğeler çalışmaya başlar. Ancak, rotada Linkyüklenen bileşen bu olduğundan, Home'un uygulama başlar başlamaz etkin olmasını istiyorum /. Bunu yapmanın bir yolu var mı? İşte mevcut kodum: …

91 javascript  reactjs  ecmascript-6  react-router 

Kurdum eslint& eslint-plugin-react. ESLint'i çalıştırdığımda, linter no-unused-varsher React bileşeni için hata veriyor. JSX veya React sözdizimi kullandığımı fark etmediğini varsayıyorum. Herhangi bir fikir? Misal: app.js import React, { Component } from 'react'; import Header from './header.js'; export default class App extends Component { render() { return ( <div> <Header /> …

91 javascript  reactjs  jsx  eslint