«reactjs» etiketlenmiş sorular

Şu anda React'te kanca kavramını öğreniyorum ve aşağıdaki örneği anlamaya çalışıyorum. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me …

134 javascript  reactjs  react-native  react-hooks 

Benzer bir soru olmasına rağmen, birden fazla işlevi olan bir dosya oluşturamıyorum. RN çok hızlı geliştiği için yöntemin halihazırda modası geçmiş olup olmadığından emin değilim. React native'de global yardımcı işlev nasıl oluşturulur? React Native'de yeniyim. Yapmak istediğim şey, birçok yeniden kullanılabilir işlevle dolu bir js dosyası oluşturmak ve ardından onu …

133 reactjs  react-native 

React'te, bir paralaks efekti oluşturmak için pencere kaydırmasında kendi stilini güncellemesi gereken bir bileşen oluşturdum. Bileşen renderyöntemi şuna benzer: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop = event.srcElement.body.scrollTop, itemTranslate = Math.min(0, scrollTop/3 - 60); style.transform = 'translateY(' + itemTranslate + 'px)'); }); …

133 javascript  reactjs 

Flux hakkında bir şeyler okuyorum ama örnek Todo uygulaması bazı önemli noktaları anlayamayacak kadar basit. Facebook gibi kullanıcı profili sayfalarına sahip tek sayfalık bir uygulama hayal edin . Her kullanıcı profili sayfasında, sonsuz kaydırma ile bazı kullanıcı bilgilerini ve son gönderilerini göstermek istiyoruz. Bir kullanıcı profilinden diğerine gidebiliriz. Flux mimarisinde …

132 javascript  facebook  architecture  reactjs  reactjs-flux 

Açılır menünün yüksekliğine ve girişin ekrandaki konumuna bağlı olarak açılır menüyü girişin altına veya üstüne taşıyan bir komut dosyası yazıyorum. Ayrıca değiştiriciyi yönüne göre açılır menüye ayarlamak istiyorum. Ama kullanaraksetState içinicomponentDidUpdate sonsuz bir döngü yaratır (ki bu açıktır) Kullanarak bir çözüm buldum getDOMNodeDoğrudan açılır listeye sınıf adını ve ayarlama konusunda …

132 javascript  reactjs  ecmascript-6 

React ile web uygulamaları geliştirirken varsayılan olan react-router-dom adlı son versiyon react-router modülünü kullanıyorum. Bir POST isteğinden sonra nasıl yeniden yönlendirme yapacağımı öğrenmek istiyorum. Bu kodu yapıyorum ama talepten sonra hiçbir şey olmuyor. İnternette inceliyorum, ancak tüm veriler react yönlendiricisinin önceki sürümleri hakkındadır ve son güncellemeyle hayır. Kod: import React, …

132 javascript  reactjs  react-router 

Bileşen durumundaki bir diziden bir öğeyi kaldırmanın en iyi yolunu bulmaya çalışıyorum. this.stateDeğişkeni doğrudan değiştirmemem gerektiğine göre, burada sahip olduğumdan daha iyi (daha kısa) bir diziden bir elemanı kaldırmanın bir yolu var mı ?: onRemovePerson: function(index) { this.setState(prevState => { // pass callback in setState to avoid race condition let …

131 javascript  reactjs 

ReactJS ve React-Router'da yeniyim. React-yönlendiriciden bir <Link/>nesneyi destekleyen bir bileşenim var . Kullanıcı bu bileşenin içindeki bir 'sonraki' düğmesine her tıkladığında, nesneyi manuel olarak çağırmak istiyorum .<Link/> Şu anda, destekleme örneğine erişmek için refs kullanıyorum ve oluşturan 'a' etiketine elle tıklıyorum .<Link/> Soru: Bağlantıyı manuel olarak çalıştırmanın bir yolu var …

131 javascript  reactjs  react-router 

React olayları için doğru tür nedir? Başlangıçta anybasitlik uğruna kullandım . Şimdi, bir şeyleri temizlemeye ve kullanmaktan anytamamen kaçınmaya çalışıyorum . Yani bunun gibi basit bir biçimde: export interface LoginProps { login: { [k: string]: string | Function uname: string passw: string logIn: Function } } @inject('login') @observer export class …

131 javascript  reactjs  typescript 

Bir api sunucusundan bir belirteç alan bir react / redux uygulamam var. Kullanıcı kimlik doğrulamasını yaptıktan sonra, tüm axios isteklerinin, eylemdeki her isteğe manuel olarak eklemek zorunda kalmadan bu belirteci bir Yetkilendirme başlığı olarak almasını istiyorum. Tepki verme / yeniden düzenleme konusunda oldukça yeniyim ve en iyi yaklaşımdan emin değilim …

131 reactjs  redux  axios 

Projeme bir React harita bileşeni eklemeye çalışıyorum ancak bir hatayla karşılaşıyorum. Fullstack React'in blog gönderisini referans olarak kullanıyorum. Google_map.js satır 83'te hatanın nereye atıldığını izledim: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } İşte şimdiye kadarki harita bileşenim. …

130 javascript  google-maps  reactjs  ecmascript-6  react-router 

Jasmine Enzyme sığ işleme ile bir React bileşenini test ediyorum. Bu sorunun amaçları doğrultusunda burada basitleştirilmiştir ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponent2 örneği var MyInnerComponentve her birinde sahne donanımını test etmek istiyorum. Nasıl test edileceğini bildiğim …

130 reactjs  jasmine  enzyme 

Hikaye şu ki, Bob, Sally ve Jack'i bir kutuya koyabilmeliyim. İkisini de kutudan çıkarabilirim. Çıkarıldığında yuva kalmaz. people = ["Bob", "Sally", "Jack"] Şimdi kaldırmam gerekiyor, "Bob" deyin. Yeni dizi şöyle olacaktır: ["Sally", "Jack"] İşte benim tepki bileşenim: ... getInitialState: function() { return{ people: [], } }, selectPeople(e){ this.setState({people: this.state.people.concat([e.target.value])}) }, …

130 javascript  arrays  reactjs 

S'li form öğelerim var ve labels'yi öznitelikli labelöğelere bağlamak için benzersiz kimliklerim olmasını istiyorum htmlFor. Bunun gibi bir şey: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); } }); Eskiden ID'leri temel this._rootNodeIDalırdım ama React 0.13'ten beri mevcut değil. Bunu şimdi yapmanın …

129 reactjs 

Ben bir Açısal Geliştiriciyim ve React'te yeniyim, Bu basit tepki Bileşeni ama çalışmıyor import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath' } } render(){ return( <span>hello Tech View</span> ); } } export default TechView; …

129 reactjs