«reactjs» etiketlenmiş sorular

ReactJS'nin prop doğrulama özelliği kullanılarak başlandı , bu dokümanlar performans nedenleriyle yalnızca 'geliştirme modunda' çalışıyor. React, açıklama eklediğim belirli bir bileşenin özelliklerini doğruluyor gibi görünüyor, ancak açıkça 'geliştirme modunu' açtığımı hatırlamıyorum. Geliştirme modunu nasıl tetikleyeceğimi / değiştireceğimi araştırmaya çalıştım, ancak hiç şansım olmadı.

120 reactjs 

ReactJS'i incelemeye yeni başladım ve bunun size sayfaları oluşturmanın 2 yolunu sunduğunu gördüm: sunucu tarafı ve istemci tarafı. Ama onu birlikte nasıl kullanacağımı anlayamıyorum. Uygulamayı oluşturmanın 2 ayrı yolu mu yoksa birlikte kullanılabilir mi? Birlikte kullanabilirsek, nasıl yapılır - sunucu tarafında ve istemci tarafında aynı öğeleri kopyalamamız gerekir mi? Ya …

120 javascript  node.js  client-server  reactjs 

Sahibim var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); Tıklanan liste öğesinin arka planını renklendirmek istiyorum. Bunu React'te nasıl yapabilirim? Gibi bir şey $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });

120 javascript  jquery  reactjs 

React native uygulamamı başlatmayı denediğimde bu mesajı alıyorum. Genellikle bu tür format diğer çoklu ekran navigasyonunda çalışır, ancak bu durumda bir şekilde çalışmaz. İşte hata: Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. More info: https://reactnavigation.org/docs/en/app-containers.html İşte …

120 reactjs  react-native 

contentEditable-Based kontrol için değişim olayını nasıl dinlerim ? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

120 javascript  dom  contenteditable  reactjs 

React uygulamamda REST api isteklerini gerçekleştirmek için axios kullanıyorum . Ancak , istekle birlikte Yetkilendirme başlığını gönderemez . İşte kodum: tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config ) .then( ( response ) => { console.log( response ) } ) …

120 reactjs  rest  token  axios  access-token 

Birden çok dilde ve yerel ayarda bulunması gereken bir uygulama geliştiriyorum. Sorum tamamen teknik değil, daha çok mimari ve insanların bu sorunu çözmek için üretimde kullandıkları kalıplarla ilgili. Bunun için hiçbir "yemek kitabı" bulamadım, bu yüzden en sevdiğim soru / cevap web sitesine dönüyorum :) İşte gereksinimlerim (bunlar gerçekten "standarttır"): …

119 architecture  internationalization  reactjs  translation  redux 

Şöyle bir render içeren bir bileşenim olduğunu varsayalım: <View style={jewelStyle}></View> JewelStyle = nerede { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Arka plan rengini nasıl dinamik ve rastgele atayabilirim? denedim { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, Ancak bu, tüm View örneklerinin aynı renge sahip …

119 css  reactjs  react-native 

Anlamı ne {...this.props} Onu böyle kullanmaya çalışıyorum <div {...this.props}> Content Here </div>

119 reactjs 

Vanilyalı js biliyorum, yapabiliriz onclick="f1();f2()" ReactJS'de onClick iki işlev çağrısı yapmanın eşdeğeri nedir? Bir işlevi çağırmanın şöyle olduğunu biliyorum: onClick={f1}

119 javascript  reactjs 

Bunu React eğitiminde okudum. Ne anlama geliyor? React güvenlidir. HTML dizeleri oluşturmuyoruz, bu nedenle XSS koruması varsayılandır. React güvenliyse XSS saldırıları nasıl çalışır? Bu güvenliğe nasıl ulaşılır?

119 reactjs  security  xss 

React hooks useStatebileşen durumunu ayarlamak için tanıttı . Ancak geri aramayı değiştirmek için aşağıdaki kod gibi kancaları nasıl kullanabilirim: setState( { name: "Michael" }, () => console.log(this.state) ); Durum güncellendikten sonra bir şeyler yapmak istiyorum. useEffectFazladan şeyler yapmak için kullanabileceğimi biliyorum , ancak bir bit kodu gerektiren önceki durum değerini …

119 reactjs 

Material-UI ile biraz oynuyorum . Bir ızgara düzeni oluşturmak için herhangi bir seçenek var mı ( Bootstrap'teki gibi )? Değilse, bu işlevi eklemenin yolu nedir? Bir GridList bileşeni var ama sanırım farklı bir amacı var.

118 reactjs  material-design  material-ui  grid-system 

Metni HTML etiketleriyle iletebilmek istiyorum, örneğin: <MyComponent text="This is <strong>not</strong> working." /> Ancak MyComponentrender yönteminin içinde, yazdırdığımda this.props.text, kelimenin tam anlamıyla her şeyi yazdırıyor: This is <strong>not</strong> working. React'in HTML'yi ayrıştırıp düzgün bir şekilde atmasını sağlamanın bir yolu var mı?

118 reactjs 

Hala React'te bir noob'um ve internetteki birçok örnekte, kafa karıştırıcı bulduğum çocuk öğeleri oluşturmada bu çeşitliliği görüyorum. Normalde şunu görüyorum: class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children} </div> ) } } Ama sonra şöyle bir örnek görüyorum: <ReactCSSTransitionGroup component="div" transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={500} > {React.cloneElement(this.props.children, { …

118 reactjs