«reactjs» etiketlenmiş sorular

Jest ve react-test-library kullanmak için birim testleri yazdığım bir bileşen kitaplığım var. Belirli sahne veya olaylara dayanarak, belirli öğelerin işlenmediğini doğrulamak istiyorum. getByText,, getByTestIdvb react-testing-library. öğe bulunamazsa hata verir ve expectişlev çalışmadan önce testin başarısız olmasına neden olur . React-testing-library kullanarak jest'te olmayan bir şeyi nasıl test edersiniz?

95 reactjs  jestjs  react-testing-library 

Bazı sayfaların HTML'sini incelerken, bazılarının bu "data-reactid" özelliğini aşağıdaki gibi kullandığını fark ettim: <a data-reactid="......" ></a> Bu nitelik nedir ve işlevi nedir?

95 javascript  html  reactjs 

React'te yeniyim ve bir JSON DATAdeğişkenini harici bir dosyadan içe aktarmaya çalışıyorum . Aşağıdaki hatayı alıyorum: "./CustomData.json" modülü bulunamıyor Biri bana yardım edebilir mi? DATADeğişkenimde varsa çalışır , index.jsancak harici bir JSON dosyasındayken değil. index.js import React, {Component} from 'react'; import ReactDOM from 'react-dom'; import customData from './customData.json'; import Profile …

95 javascript  json  reactjs 

Sunumsal bir bileşeni bir konteyner bileşeninden ayırmaya çalışıyorum. Bir SitesTableve bir var SitesTableContainer. Konteyner, mevcut kullanıcıya bağlı olarak uygun siteleri getirmek için yeniden düzenleme eylemlerini tetiklemekten sorumludur. Sorun, kapsayıcı bileşeni başlangıçta oluşturulduktan sonra mevcut kullanıcının eşzamansız olarak getirilmesidir. Bu, kapsayıcı bileşeninin, componentDidMountişlevindeki kodu SitesTable,. Props'larından (kullanıcı) biri değiştiğinde konteyner bileşenini …

95 reactjs  redux  react-redux 

ReactJS'de yeniyim ve görüntüleri bir bileşene aktarmak istiyorum. Bu görüntüler ortak klasörün içinde ve klasöre react bileşeninden nasıl erişeceğimi bilmiyorum. Herhangi bir fikir ? DÜZENLE Bottom.js veya Header.js içine bir resim aktarmak istiyorum Yapı klasörü: Web paketi kullanmıyorum. Yapmalımıyım ? Düzenle 2 Görüntüleri ve diğer varlıkları yüklemek için webpack kullanmak …

94 javascript  reactjs 

NavLink'te bir "activeClassName" ve "activeStyle" ayarlayabilmenin yanı sıra, sitenizdeki navigasyon dışı öğelerde (yani üstbilgi veya alt bilgide ana gezinme değil) diğer rotalara bağlantılar oluştururken Bağlantı üzerinden NavLink'i kullanmak için herhangi bir neden var mı? aktif bir duruma / sınıfa ihtiyaç duymayan?

94 reactjs  react-router  react-router-v4 

Temel olarak bir tepki bileşenim var, render()işlev gövdesi aşağıdaki gibi: (Benim idealim, şu anda çalışmıyor demektir) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage /> else <OtherElement/> </div> ) }

94 reactjs 

Redux yerine yeni React Context API kullanarak yeni bir uygulama geliştiriyorum ve daha önce, Reduxörneğin bir kullanıcı listesi almam gerektiğinde, sadece componentDidMounteylemimi çağırıyorum , ancak şimdi React Context ile eylemlerim içeride yaşıyor Benim render fonksiyonumun içinde bulunan Tüketicim, yani render fonksiyonum her çağrıldığında, kullanıcı listemi almak için eylemimi çağıracak ve …

94 reactjs  react-context 

Bu benim projem: https://github.com/kenpeter/my_hak_news , doğrudan bir kopyasıdır https://github.com/grigio/HAgnostic-News . Git klon https://github.com/kenpeter/my_hak_news , ardından çalıştırınreact-native run-android Bu hatayı aldım: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed version; ignoring! İlgili …

94 android  reactjs  react-native 

Bu öğreticiyi kullanarak ReactJS'in raylarla çalışmasını sağlamaya çalışıyorum . Bu hatayı alıyorum: Uncaught ReferenceError: React is not defined Ama tarayıcı konsoluna nesneyi tepki erişebilir Ben de eklendi kamu / dist / turbo react.min.js açıklandığı gibi burada da ilave açıklandığı gibi application.js hattını bu cevap hayır şans. Ek olarak, şu hatayı …

94 javascript  ruby-on-rails  reactjs 

Muhtemelen çok bariz bir şeyi kaçırıyorum ve kendimi temizlemek istiyorum. İşte benim anlayışım. Saf bir tepki bileşeninde states& var props. Güncellenmesi stateile setStatetüm bileşeni yeniden oluşturur. propsçoğunlukla salt okunurdur ve bunları güncellemek bir anlam ifade etmez. Bir store.subscribe(render)yeniden satış mağazasına abone olan bir tepki bileşeninde , bunun gibi bir şey …

94 reactjs  redux  react-redux 

Sorunumu kolayca sormak için bu kodun sonucunu açıklayayım. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => { console.log('cleaned up'); console.log({ name, username }); }; }, [username]); const handleName = e => …

94 reactjs  react-hooks 

Şu anda biraz React yapıyorum ve koşullu şekillendirme yapmanın "doğru" bir yolu olup olmadığını merak ediyordum. Öğreticide kullandıkları style={{ textDecoration: completed ? 'line-through' : 'none' }} Satır içi stil kullanmamayı tercih ederim, bu nedenle koşullu stili kontrol etmek için bir sınıf kullanmak istiyorum. React düşüncesinde buna nasıl yaklaşılır? Yoksa bu …

93 javascript  reactjs 

Bir react uygulaması oluştururken, hizmet çalışanı varsayılan olarak çağrılır. Neden servis çalışanı kullanılır? Varsayılan çağırmanın nedeni nedir?

93 javascript  reactjs  service-worker 

Parametresiz function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> Parametreli function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> Ben almak istiyorum event. Onu nasıl alabilirim?

93 javascript  reactjs  events  dom-events