«reactjs» etiketlenmiş sorular

React (Facebook çerçeve), standart forözniteliği kullanarak bir metin girişine bağlı bir etiket öğesi oluşturmak gerekir . örneğin, aşağıdaki JSX kullanılır: <label for="test">Test</label> <input type="text" id="test" /> Ancak bu, gerekli (ve standart) forözellik eksik HTML üretir : <label>Test</label> <input type="text" id="test"> Neyi yanlış yapıyorum?

250 reactjs  label 

EDIT: bu bir kopya, buraya bakın Durumu ayarlarken dinamik anahtar adı kullanmanın bir örneğini bulamıyorum. Yapmak istediğim şey bu: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, Burada event.target.id, güncellenecek durum anahtarı olarak kullanılır. React'te bu mümkün değil mi?

248 javascript  reactjs  computed-properties 

Bir bileşene iletilen bir nesne dizisinin aslında belirli bir şekildeki bir nesne dizisi olmasını sağlamak için prototipleri kullanmanın yerleşik bir yolu var mı? Belki böyle bir şey? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), Burada süper belirgin bir şey mi eksik? Bunun çok rağbet göreceği anlaşılıyor.

245 arrays  reactjs  react-proptypes 

Boyutu için bir pervane alan bir bileşenim var. Prop bir dize veya ex: "LARGE"veya bir sayı olabilir 17. React.PropTypes'ın bunun propTypes doğrulamasında biri veya diğeri olabileceğini bilmesini sağlayabilir miyim? Türü belirtmezsem bir uyarı alırım: prop type `size` is invalid; it must be a function, usually from React.PropTypes. MyComponent.propTypes = { …

244 reactjs  react-proptypes 

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 . Geçen yıl kapalı . Bu soruyu geliştir Kısa bir süre önce Redux'u keşfettim . Her şey iyi görünüyor. Redux'u Flux üzerinde kullanmanın …

243 reactjs  redux  flux  reactjs-flux 

İsteğe bağlı olarak bir öğeyi JSX'e nasıl ekleyebilirim? Burada geçirilmiş olması durumunda bileşen içinde olması gereken bir başlık kullanarak bir örnek. Kaçınmak istediğim if ifadesinde HTML etiketleri çoğaltmak zorunda. render: function () { var banner; if (this.state.banner) { banner = <div id="banner">{this.state.banner}</div>; } else { banner = ????? } return …

229 javascript  reactjs  react-jsx 

React ile Redux öğreniyorum ve bu kod üzerine tökezledi. Redux'a özgü olup olmadığından emin değilim, ancak örneklerden birinde aşağıdaki kod snippet'ini gördüm. @connect((state) => { return { key: state.a.b }; }) İşlevselliği connectoldukça basit olsa da , daha @önce anlamıyorum connect. Yanılmıyorsam bile bir JavaScript operatörü değil. Birisi lütfen bunun …

226 javascript  reactjs  decorator  redux 

Resmi Dokümanlar'ı tepki "olduğunu devlet React.PureComponents' shouldComponentUpdate()sadece sığ nesneleri karşılaştırır" ve durumu 'derin' ise buna karşı önerir. Bu göz önüne alındığında, React.PureComponentReact bileşenleri oluştururken tercih edilmesinin bir nedeni var mı? Sorular : kullanmayı React.Componentdüşündüğümüz herhangi bir performans etkisi var React.PureComponentmı? Ben tahmin ediyorum shouldComponentUpdate()ait PureComponentsadece sığ karşılaştırmalar gerçekleştirir. Bu durumda, …

224 reactjs  state 

Tepki-redux bağlantı yöntemini ve parametre olarak aldığı işlevleri anlamaya çalışıyorum. Özellikle mapStateToProps(). Anladığım şekilde, dönüş değeri mapStateToProps, anahtarlar sahne olarak hedef bileşeninize (bileşen bağlantısı uygulanır) aktarılan durumdan (mağazada olduğu gibi) türetilmiş bir nesne olacaktır. Bu, hedef bileşeniniz tarafından tüketilen durumun, mağazanızda depolandığından durumdan çok farklı bir yapıya sahip olabileceği anlamına …

220 javascript  reactjs  redux  react-redux 

React.js ile çalışmaya başladıktan sonra props, stateolaylara bağlı olarak değişiklikler yapılırken statik (ana bileşenden aktarılır) olması amaçlanmıştır . Ancak, dokümanlar componentWillReceivePropsiçinde özellikle bu örneği içeren bir referans fark ettim : componentWillReceiveProps: function(nextProps) { this.setState({ likesIncreasing: nextProps.likeCount > this.props.likeCount }); } Bu özellikler kıyaslanmasına dayalı bir bileşende değiştirmek CAN ima görünüyor …

217 javascript  reactjs  properties 

this.props.history.push('/page')React-Router v4 ile parametreyi nasıl geçirebiliriz ? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

217 reactjs  react-router 

Projem create-tepki-uygulamasını temel alıyor . npm startveya yarn startvarsayılan olarak uygulamayı 3000 numaralı bağlantı noktasında çalıştırır ve package.json içinde bir bağlantı noktası belirtme seçeneği yoktur. Bu durumda seçtiğim bir bağlantı noktasını nasıl belirleyebilirim? Bu projeden iki tanesini aynı anda (test için) çalıştırmak istiyorum, biri limanda 3005, diğeri ise3006

217 reactjs  npm 

Bir bileşeni başka bir reaksiyon bileşenine geçirmenin bir yolu var mı? Bir model tepki bileşeni oluşturmak ve bu içeriği dönüştürmek için başka bir tepki bileşenini geçmek istiyorum. Düzenleme: İşte ne yapmaya çalışıyorum gösteren bir reaktifJS kodpen. http://codepen.io/aallbrig/pen/bEhjo HTML <div id="my-component"> <p>Hi!</p> </div> ReactJS /**@jsx React.DOM*/ var BasicTransclusion = React.createClass({ render: …

216 javascript  reactjs 

Aşağıdaki yapıya sahibim: FormEditor- birden fazla FieldEditor tutar FieldEditor- formun bir alanını düzenler ve bu formla ilgili çeşitli değerleri kendi durumuna kaydeder FormEditor içinde bir düğmeyi tıklattığınızda, tüm FieldEditorbileşenlerden alanlar , durumlarındaki bilgiler ve bunların tümünü FormEditor'da toplayabilmek istiyorum. Alanlar hakkındaki bilgileri FieldEditordevletin dışında saklamayı düşündüm ve onun FormEditoryerine devlete …

215 javascript  reactjs 

Nasıl yapabilir onKeyPressReactJS olay çalışmaları? enter (keyCode=13)Basıldığında uyarı vermelidir . var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text" id="one" onKeyPress={this.add} /> </div> ); } }); React.render(<Test />, document.body);

215 javascript  reactjs  keypress  onkeypress