«reactjs» etiketlenmiş sorular

React, http://facebook.github.io/react/docs/jsx-gotchas.html adresinde açıklandığı gibi özel özellikler oluşturabilir : Özel bir öznitelik kullanmak istiyorsanız, veri- önüne önek eklemeniz gerekir. <div data-custom-attribute="foo" /> Ve bu olay olay nesnesinden erişmek için bir yol bulamıyorum dışında harika bir haber: render: function() { ... <a data-tag={i} style={showStyle} onClick={this.removeTag}></a> ... removeTag: function(event) { this.setState({inputVal: event.target????}); …

214 javascript  facebook  reactjs 

React'te açıkça bir nesne oluşturabilir ve onu bir satır içi stil olarak atayabilirsiniz. yani. aşağıda belirtilen. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; var divStyle2 = …

214 reactjs 

Ben aşağıdaki gibi bir alt bileşen onun üst veri veri göndermeye çalışıyorum: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div className="col-sm-9" > <SelectLanguage onSelectLanguage={this.handleLanguage}/> </div> ); }); ve işte alt bileşen: export const SelectLanguage = …

214 reactjs 

Facebook ReactJS ile uğraşırken sorun yaşıyorum. Ne zaman ajax yapmak ve bir html veri görüntülemek istediğinizde, ReactJS bunu metin olarak görüntüler. (Aşağıdaki şekle bakın) Veriler, jquery Ajax'ın başarılı geri çağırma işlevi aracılığıyla görüntülenir. $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); Bunu html'ye …

212 javascript  jquery  ajax  reactjs 

Bir alt bileşene 2 değer iletiyorum: Görüntülenecek nesnelerin listesi silme işlevi. Nesneler listemi görüntülemek için bir .map () işlevi kullanıyorum (reaksiyon öğretici sayfasında verilen örnekte olduğu gibi), ancak bu bileşendeki düğme onClickoluşturma sırasında işlevi tetikler (oluşturma zamanında tetiklenmemelidir). Kodum şöyle görünüyor: module.exports = React.createClass({ render: function(){ var taskNodes = this.props.todoTasks.map(function(todo){ …

212 javascript  reactjs  button  onclick  dom-events 

Tepki öğrenmek için biraz zaman geçirdikten sonra, bileşen yaratmanın iki ana paradigması arasındaki farkı anlıyorum. Sorum şudur, hangisini ve ne zaman kullanmalıyım? Birinin diğerinin yararları / değişimleri nelerdir? ES6 sınıfları: import React, { Component } from 'react'; export class MyComponent extends Component { render() { return ( <div></div> ); } …

212 javascript  reactjs  ecmascript-6  redux 

ReactNative'de Metin hem yatay hem de dikey olarak nasıl ortalanır? JustifyContent = "center" ve alignItems = "center" çalışmıyor rnplay.org örnek bir uygulama var : https://rnplay.org/apps/AoxNKQ Metin ortalanmalıdır. Ve neden üstte metin (sarı) ve ana kap arasında bir kenar boşluğu var? Kod: 'use strict'; var React = require('react-native'); var { AppRegistry, …

212 reactjs  flexbox  react-native 

Çalışırken çok kafa karıştırıcı bulduğum bir şey var React. İnternette .js, tepki içeren .jsxdosyaları kullanan birçok örnek vardır, ancak birçoğu dosyaları kullanır . Ben .jsxdosyaları hakkında okudum ve benim anlayış sadece içinde html etiketleri yazmak izin olmasıdır javascript. Fakat aynı şey .jsdosyalara da yazılabilir . Peki bu iki uzantı .jsve …

211 reactjs  jsx 

UseEffect kanca her değişikliği işleve geçirilen çalışacaktır yanıt verin. Bu, yalnızca istenen özellikler değiştiğinde çağrılabilmesi için optimize edilebilir. componentDidMountDeğişikliklerde yeniden başlatma işlevini çağırmak ve yeniden çağırmamak istersem ne olur ? Bir varlığı yüklemek istiyorum, ancak yükleme işlevinin bileşenden herhangi bir veriye ihtiyacı olmadığını varsayalım. useEffectKancayı kullanarak bunu nasıl yapabiliriz ? …

210 javascript  reactjs  react-hooks 

Şu anda React JS ve React Native çerçeveleri üzerinde çalışıyorum . Yarım yolda Facebook'un Flux ve Redux uygulaması hakkında okurken Immutability veya Immutable-JS kütüphanesine rastladım . Soru şu: Değişmezlik neden bu kadar önemli? Nesneleri değiştirirken yanlış olan ne? İşleri basitleştirmiyor mu? Bir örnek vermek gerekirse, açılış ekranı haber başlıklarının bir …

207 javascript  reactjs  functional-programming  immutability  immutable.js 

Ben React ile bir şey inşa ediyorum ben JSX React Değişkenleri ile HTML eklemek gerekir. Böyle bir değişkene sahip olmanın bir yolu var mı: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; ve bu şekilde reaksiyona sokmak ve işe yaramasını sağlamak mı? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); …

206 javascript  html  frontend  reactjs  react-jsx 

React'te bu iki uygulama arasında gerçek farklılıklar var mı? Bazı arkadaşlar bana FirstComponent'in kalıp olduğunu söylüyor, ama nedenini göremiyorum. İkinci bileşen daha basit görünüyor çünkü oluşturma yalnızca bir kez çağrılıyor. İlk: import React, { PropTypes } from 'react' class FirstComponent extends React.Component { state = { description: '' } componentDidMount() …

206 javascript  reactjs  components 

Ben Bootstrap için yeniyim ve bu sorun ile sıkışmış. Bir giriş alanım var ve sadece bir rakam girer girmez, işlev onChangeçağrılıyor, ancak tam sayı girildiğinde 'Enter' tuşuna bastığımda çağrılmasını istiyorum. Doğrulama işlevi için aynı sorun - çok erken çağırıyor. var inputProcent = React.CreateElement(bootstrap.Input, {type: "text", //bsStyle: this.validationInputFactor(), placeholder: this.initialFactor, className: …

206 javascript  twitter-bootstrap  reactjs 

Reakt.js'de belirli çubukları nasıl seçerim? Bu benim kodum: var Progressbar = React.createClass({ getInitialState: function () { return { completed: this.props.completed }; }, addPrecent: function (value) { this.props.completed += value; this.setState({ completed: this.props.completed }); }, render: function () { var completed = this.props.completed; if (completed < 0) { completed = 0 …

205 javascript  reactjs  getelementbyid 

ReactJS'de yeniyim, eğer bu ses çıkarsa üzgünüm. Alınan verilere göre birkaç tablo satırı oluşturan bir bileşen var. Sütundaki her hücrenin bir radyo onay kutusu vardır. Böylece kullanıcı mevcut satırlardan birini site_nameve birini seçebilir address. Seçim altbilgide gösterilecektir. Ve bu benim sıkıştığım yer. var SearchResult = React.createClass({ render: function(){ var resultRows …

204 html  reactjs