«reactjs» etiketlenmiş sorular

Oluşturmak, Okumak, Güncellemek ve Silmek için kullanılan bir formum var. Aynı formda 3 bileşen oluşturdum ama onlara farklı sahne geçiyorum. CreateForm.js, ViewForm.js (silme düğmesiyle salt okunur) ve UpdateForm.js'yi aldım. PHP ile çalışıyordum, bu yüzden bunları her zaman tek bir biçimde yaptım. Mağazayı yönetmek için React ve Redux kullanıyorum. CreateForm bileşenindeyken, …

128 javascript  reactjs  crud  redux 

ReactJS öğrenirken "mount" terimini çok fazla duyuyorum. Ve bu terimle ilgili yaşam döngüsü yöntemleri ve hataları var gibi görünüyor. React, montajla tam olarak ne anlama geliyor? Örnekler: componentDidMount() and componentWillMount()

128 javascript  reactjs 

SVG işaretlemesini bir ReactJS bileşenine gömmek mümkün mü? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Hataya neden olan sonuçlar: Ad alanı nitelikleri desteklenmez. ReactJSX XML değildir. Bunu yapmanın en hafif yolu nedir? React ART gibi bir şey kullanmak , yapmaya çalıştığım şey …

127 javascript  svg  reactjs 

this.setState()Herhangi bir bileşendeki react fonksiyonunun asenkron olduğunu veya çağrıldığı fonksiyonun tamamlanmasından sonra çağrıldığını yeni buldum . Şimdi bu blogu aradım ve buldum ( setState () Durum Mutasyon İşlemi ReactJS'de Senkronize Olabilir ) Burada setState, durum değişikliğinin nasıl tetiklendiğine bağlı olarak asenkron (yığın boş olduğunda çağrılır) veya senkronize (çağrılır çağrılır) olduğunu …

127 javascript  multithreading  asynchronous  reactjs 

Bir sohbet sistemi kurmak ve pencereye girerken ve yeni mesajlar geldiğinde otomatik olarak en alta kaydırmak istiyorum. React'te bir kabın altına otomatik olarak nasıl kayarsınız?

127 reactjs 

Prettier 1.7.2 ve Eslint 1.7.0 ile vscode kullanıyorum. Her yeni satırdan sonra: [eslint] Delete 'cr' [prettier/prettier] Bu .eslintrc.json dosyasıdır: { "extends": ["airbnb", "plugin:prettier/recommended"], "env": { "jest": true, "browser": true }, "rules": { "import/no-extraneous-dependencies": "off", "import/prefer-default-export": "off", "no-confusing-arrow": "off", "linebreak-style": "off", "arrow-parens": ["error", "as-needed"], "comma-dangle": [ "error", { "arrays": "always-multiline", "objects": …

127 reactjs  visual-studio-code  prettier  eslintrc 

ReactJS ve UI'de yeniyim ve ReactJS kodundan basit bir REST tabanlı POST çağrısının nasıl yapılacağını öğrenmek istedim. Herhangi bir örnek varsa, gerçekten yardımcı olacaktır.

126 reactjs  reactjs-flux  reactjs-native 

Bir tıklama olayının köpürmesini ve eski kodda JQuery ile eklenmiş bir tıklama olayını tetiklemesini durdurmak için bir ReactJS bileşeni içinde event.stopPropagation () kullanmaya çalışıyorum, ancak React'in stopPropagation () yalnızca olaylara yayılmayı durduruyor gibi görünüyor React'e de eklenmiştir ve JQuery'nin stopPropagation () işlevi, React ile eklenmiş olaylara yayılmayı durdurmaz. StopPropagation () …

126 javascript  jquery  reactjs 

Reactjs'de Esc tuşuna basmayı nasıl tespit ederim? Jquery'ye benzer şey $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); Algılandıktan sonra bilgileri bileşenlere aktarmak istiyorum. Son aktif bileşenin çıkış tuşuna basılmasına tepki vermesi gereken 3 bileşenim var. Bir …

126 javascript  reactjs 

Başka bir sayfaya geçerken sorun yaşıyorum, konumu önceki sayfadaki gibi kalacak. Böylece otomatik olarak en üste kaymayacaktır. Ben de kullanmayı denedim window.scrollTo(0, 0)üzerinde onChangeyönlendirici. Ben de scrollBehaviorbu sorunu düzeltirdim ama işe yaramadı. Bununla ilgili herhangi bir öneriniz var mı?

126 javascript  reactjs  react-router  react-router-redux 

Bunu görüyorum. Neden şikayet ettiği bir sır değil: Warning: validateDOMnesting(...): <div> cannot appear as a descendant of <p>. See ... SomeComponent > p > ... > SomeOtherComponent > ReactTooltip > div. Ben yazarı olduğum SomeComponentve SomeOtherComponent. Ancak ikincisi harici bir bağımlılık kullanıyor ( ReactTooltipkimden react-tooltip). Muhtemelen bunun harici bir bağımlılık …

125 reactjs 

Sorun React'te bir uygulama yazıyorum ve daha setState(...)sonra arayan süper yaygın bir tuzaktan kaçınamadım componentWillUnmount(...). Koduma çok dikkatli baktım ve bazı koruma maddeleri koymaya çalıştım, ancak sorun devam etti ve hala uyarıyı gözlemliyorum. Bu nedenle, iki sorum var: Yığın izlemeden , kural ihlalinden hangi bileşenin ve olay işleyicisinin veya yaşam …

125 javascript  reactjs  typescript  lodash  setstate 

Redux, react-redux ve react ile küçük bir uygulama geliştiren bir javascript / redux / react acemisiyim. Bazı nedenlerden dolayı mapDispatchToProps işlevini connect (react-redux bağlama) ile birlikte kullanırken ortaya çıkan prop çalıştırmaya çalıştığımda gönderimin bir işlev olmadığını belirten bir TypeError alıyorum. Ancak dağıtımı bir destek olarak çağırdığımda (verilen kodda setAddr işlevine …

124 javascript  reactjs  redux  react-redux 

Şu komutu kullanarak boş bir React projesi oluşturdum: npx create-react-appnpm v7.0.7 ve Node v15.0.1'de Kurulmuş: React v17.0.1, düğüm sass v5.0.0, Sonra boş .scss dosyasını Uygulama bileşenine aktarmayı denedim: App.js import './App.scss' function App() { return ( <div className="App"> App </div> ); } export default App; Bir Hata Atın: Failed to …

124 reactjs  webpack  create-react-app  node-sass  sass-loader 

Çalışıyordum create-react-appve bu konuyla karşılaştığım yerde karşılaştım Home does not contain an export named Home. Dosyamı şu şekilde oluşturuyorum App.js: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { render() { return ( <div className="App"> …

123 javascript  reactjs  ecmascript-6  create-react-app