«reactjs» etiketlenmiş sorular

React.js ile başlıyorum ve basit bir form yapmak istiyorum ancak belgelerde bunu yapmanın iki yolunu buldum. Birincisi kullanarak refs : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author = React.findDOMNode(this.refs.author).value.trim(); var text = React.findDOMNode(this.refs.text).value.trim(); if (!text || !author) { return; } // TODO: send request to the server …

116 reactjs 

İşte temel bir bileşen. Hem ve <ul>hem <li>de onClick işlevlerine sahiptir. Sadece onClick on the fire'ın <li>ateşlenmesini istiyorum <ul>,. Bunu nasıl başarabilirim? E.preventDefault (), e.stopPropagation () ile boşuna oynadım. class List extends React.Component { constructor(props) { super(props); } handleClick() { // do something } render() { return ( <ul onClick={(e) …

116 reactjs  onclick  event-propagation 

Aynı bileşeni üç farklı yol için kullanıyorum: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Onu birleştirmenin bir yolu var mı? <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>

116 javascript  reactjs  path  react-router  url-routing 

Ben ettik bazen görülen insanlar kendi bileşenlerini sarmak withRouteronları ihraç zaman: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Bu ne için ve ne zaman kullanmalıyım?

116 reactjs  react-router 

Aşağıdaki bileşene sahibim ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked: false // } // } componentDidUpdate(prevProps, prevState) { var otherRadBtn = this.refs.otherRadBtn.getDOMNode(); …

115 reactjs  ecmascript-6 

Xcode üzerinde react-native bir iOS uygulaması oluştururken bu hatayı alıyorum. Bu hatayı npm kurulumundan ve rpm bağlandıktan sonra react-native-fs kütüphanesinden sonra almaya başladık . Ancak çevrimiçi olarak bir çözüm aradıktan sonra, birçok kişinin diğer react yerel kitaplıklarını yüklerken aynı hatayı aldığını fark ettim. Bir olası çözüm "Yapı Ayarları" altında aşağıdaki …

115 ios  xcode  reactjs  native  react-native-ios 

<ScrollView>React Native'deki mevcut kaydırma konumunu veya bir bileşenin geçerli sayfasını almak mümkün mü ? Yani şöyle bir şey: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { <ImageCt key={i}></ImageCt> }) </ScrollView>

115 ios  reactjs  react-native 

Ne geliyor npm run ejectkomut mı? Başlamak, inşa etmek, test etmek gibi diğer komutların nelerden hoşlandığını anlıyorum. Ama çıkarma hakkında hiçbir fikrim yok.

115 reactjs  webpack  create-react-app  react-scripts 

Diyelim ki başka bir duruma bağlı olan bir durumum var (örneğin, A değiştiğinde B'nin değiştirmesini istiyorum). Etkili kancanın içinde A'yı gözlemleyen ve B'yi ayarlayan bir kanca oluşturmak uygun mudur? Efektler, düğmeye tıkladığımda ilk efekt patlayacak ve b'nin değişmesine neden olacak ve bir sonraki işlemeden önce ikinci efektin ateşlenmesine neden olacak …

115 javascript  reactjs  react-hooks 

React Router'da yeniyim ve bir sayfayı yeniden yönlendirmenin pek çok yolu olduğunu öğrendim: Kullanma browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Kullanma this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { router: React.PropTypes.object } …

115 reactjs  redux  react-router 

Normalde basit stil gerektiren SVG simgelerimin çoğunu dahil etmek için şunları yaparım: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Şimdi ReactJS ile oynama olmuştur ı desteklenen etiketler / niteliklerin kendi listesinde fark ne Ancak geç benim yeni ön uç geliştirme yığınında olası bir bileşeni olarak değerlendirilmesinin yanı useveya xlink:hrefdesteklenmektedir. Svg sprite kullanmak …

114 svg  sprite  reactjs 

Uygulamamız, büyük heterojen öğeler listelerinde gezinmek için sonsuz kaydırma kullanır. Birkaç kırışıklık var: Kullanıcılarımızın 10.000 öğelik bir listeye sahip olması ve 3k + 'da gezinmesi yaygın bir durumdur. Bunlar zengin öğelerdir, bu nedenle, tarayıcı performansı kabul edilemez hale gelmeden önce DOM'da yalnızca birkaç yüze sahip olabiliriz. Öğeler farklı yüksekliklerdedir. Öğeler …

114 javascript  html  infinite-scroll  reactjs 

React.js'nin en büyük avantajlarından birinin sunucu tarafında render olması gerekiyor . Sorun, anahtar işlevinin React.renderComponentToString()eşzamanlı olmasıdır, bu da bileşen hiyerarşisi sunucuda işlenirken eşzamansız verilerin yüklenmesini imkansız kılar. Diyelim ki, yorum yapmak için sayfanın hemen hemen her yerine bırakabileceğim evrensel bir bileşenim var. Yalnızca bir özelliğe, bir tür tanımlayıcıya (örneğin, yorumların …

114 node.js  reactjs  flux  reactjs-flux 

Basit bir oluşturma işlevine sahip bir bileşen ekleyerek React'i keşfetmeye yeni başladım: render() { return <div class="myApp"></div> } Uygulamayı çalıştırdığımda şu hatayı alıyorum: Warning: Unknown DOM property class. Did you mean className? Ben değiştirerek bunu çözebilir classiçin className. Soru; React bu sözleşmeyi uyguluyor mu? Ayrıca neden classNamegeleneksel yerine kullanmam gerekiyor …

114 javascript  reactjs  react-jsx 

React ile oynuyordum Date.now()ve ekranda sadece gösterilen aşağıdaki zaman bileşenine sahibim : import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return( <div> { this.state.time } </div> ); } componentDidMount() { console.log("TimeComponent Mounted...") } } export default …

114 javascript  reactjs