«reactjs» etiketlenmiş sorular

React'te yeniyim. Bir giriş alanı boş olduğunda bir düğmeyi devre dışı bırakmaya çalışıyorum. React'te bunun için en iyi yaklaşım nedir? Aşağıdaki gibi bir şey yapıyorum: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> Bu doğru mu? Bu sadece dinamik özniteliğin kopyalanması değil, aynı zamanda verileri bir elemandan diğerine aktarmayı / kontrol etmeyi …

168 reactjs 

Dinamik olarak türlerine göre bileşenleri işlemeye çalışıyorum. Örneğin: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Burada önerilen çözümü denedim React / JSX dinamik bileşen adları Bu derlerken bana bir hata verdi (yudum için browserify kullanarak). Bir …

168 javascript  reactjs  react-jsx 

Bir webapp geliştirmek için React ve Redux kullanıyorum ve projemi başlattığımda bunu aldım: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Nasıl çözüleceği hakkında çok şey araştırıyorum, ancak bulduğum cevapların hiçbiri bana yardımcı olmadı, bu yüzden Stack overflow'a döndüm. Herkes bu …

168 javascript  reactjs  react-router  eslint 

Kanca öğrenmeye çalışıyorum ve useState yöntem beni şaşırttı. Ben bir dizi şeklinde bir duruma bir başlangıç ​​değeri ataıyorum. Set yöntemi, veya useStateile bile benim için çalışmıyor . Ben başka bir bilgisayarda bir API yaptım ve devlet olarak ayarlamak istediğiniz veri alınıyor.spread(...)without spread operator İşte benim kod: import React, { useState, …

168 javascript  reactjs  react-hooks 

Resmi yerel dizinden nasıl yükleyebilir ve reactjs img srcetikete ekleyebilirim ? Aradım bir resim one.jpegbenim bileşeni olarak aynı klasörün içine de ben de denedim <img src="one.jpeg" />ve <img src={"one.jpeg"} />benim iç renderişlevi ancak resim görünmüyor. Ayrıca, webpack configproje resmi create-react-appkomut satırı util ile oluşturulduğundan dosyaya erişimim yok . Güncelleme: Bu, …

167 reactjs 

Şu anda React-Native öğreticilerinden geçiyorum. Yeni bir yerel reaksiyon projesi yaptığım ve projeyi cihazımda başarıyla çalıştırmayı başladığım Başlangıç ​​eğitimiyle başladım. Daha sonra Sahne eğiticisini başlattım, kod snippet'ini kopyaladım ve projeyi tekrar çalıştırmayı denedim ve ekranımda aşağıdaki hata mesajını gösterdim:

166 javascript  facebook  reactjs  react-native 

React 16.2'de geliştirilmiş destek Fragmentseklendi. Daha fazla bilgiyi React'in blog yayınında bulabilirsiniz. Hepimiz aşağıdaki kodu biliyoruz: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </div> ); } Evet, bir konteyner divine ihtiyacımız var, ama bu büyük bir …

165 reactjs 

Bir React bileşeni yazmaya çalışıyorum. html başlık etiketleri (h1, h2, h3, vb ...) için, burada başlık önceliği, aksesuarlarda tanımladığımız önceliğe göre dinamik olarak değişir. İşte yapmaya çalıştığım şey. <h{this.props.priority}>Hello</h{this.props.priority}> beklenen çıktı: <h1>Hello</h1> Bu çalışmıyor. Bunu yapmak için olası bir yöntem var mı?

163 reactjs  jsx 

Aşağıdaki duruma sahibim: this.setState({ selected: { id: 1, name: 'Foobar' } }); Sonra durumu güncelliyorum: this.setState({ selected: { name: 'Barfoo' }}); Yana setStatebirleştirmek varsayalım olduğunu Olmasını beklediğiniz: { selected: { id: 1, name: 'Barfoo' } }; Ama bunun yerine kimliği yiyor ve devlet: { selected: { name: 'Barfoo' } }; …

160 javascript  reactjs 

react-native run-androidAndroid simülatöründe bir mesaj bırakarak komut sonlandırılır. Mesaj aşağıdaki gibidir: Bir Metro sunucusu çalıştırdığınızdan veya 'index.android.bundle' paketinizin yayınlanmak üzere doğru bir şekilde paketlendiğinden emin olun. Neyi yanlış yapıyorum?

160 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

ReactJS'de görünüm yüksekliğini nasıl alabilirim? Normal JavaScript’te kullanıyorum window.innerHeight() ancak ReactJS kullanarak bu bilgiyi nasıl alacağımdan emin değilim. Benim anlayışım şu ki ReactDOM.findDomNode() yalnızca oluşturulan bileşenler için çalışır. Ancak bu, pencerenin yüksekliğini bana verebilecek documentveya bodyöğesi için geçerli değildir .

160 javascript  reactjs  window  viewport 

Bileşenin yardımıyla görünümler arasında özel gezinme özelliğine sahip bir demo uygulaması geliştirirken React Native'ın olanaklarını araştırıyorum .Navigator Ana uygulama sınıfı navigatörü ve iç renderScenedönüşleri geçen bileşeni oluşturur: class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} renderScene={(route, navigator) => …

158 javascript  ios  navigation  reactjs  react-native 

var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); onChangeOlay çalışmıyor.

158 javascript  reactjs 

Düzenli sınıflar listesine dinamik bir sınıf eklemeniz gerekir, ancak (babil kullanıyorum), böyle bir şey hakkında hiçbir fikrim yok: <div className="wrapper searchDiv {this.state.something}"> ... </div> Herhangi bir fikir?

158 css  reactjs 

Ben bir API dönüş değeri dayalı bir şey görüntüleyecek bir form oluşturmak gerekir. Aşağıdaki kod ile çalışıyorum: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('A name was submitted: ' + this.state.value); …

155 reactjs  typescript