«reactjs» etiketlenmiş sorular

React stateless bileşenlerinde olay işleyicileri oluşturmanın en uygun yolunu bulmaya çalışıyorum. Bunun gibi bir şey yapabilirim: const myComponent = (props) => { const myHandler = (e) => props.dispatch(something()); return ( <button onClick={myHandler}>Click Me</button> ); } Buradaki dezavantaj, bu bileşen her işlendiğinde yeni bir "myHandler" işlevinin yaratılmasıdır. Durum bilgisi olmayan bileşenlerde, …

84 javascript  reactjs 

Reactjs yönlendiricisinden Link bileşenini kullanıyorum ve onClickevent'in çalışmasını sağlayamıyorum. Kod bu: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Bunu yapmanın yolu mu yoksa başka bir yol mu?

84 reactjs  react-router  react-redux 

React bileşenlerimi oluşturmak için webpack kullanıyorum ve css'imi extract-text-webpack-pluginoluşturulan js dosyamdan ayırmak için kullanmaya çalışıyorum . Ben bileşeni oluşturmak için girişimi Ancak, aşağıdaki hatayı alıyorum: Module build failed: ReferenceError: window is not defined. Webpack.config.js dosyam şöyle görünüyor: var webpack = require('webpack'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = { entry: { …

83 reactjs  webpack 

Ajax isteğim tamamlandıktan sonra bileşenimi oluşturmak istiyorum. Kodumu aşağıda görebilirsiniz var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data, function(index, element){ rows.push(<OptionRow obj={element} />); }); return (<Input type='select'>{rows}</Input>) }) } }); Ancak aşağıdaki hatayı alıyorum çünkü ajax isteğimin done yöntemi içinde render döndürüyorum. Uncaught Error: …

83 javascript  ajax  asynchronous  reactjs  jquery-deferred 

Çoğu durumda, bir ana etikete sahip olmak bir sorun değildir. React.createClass({ render: function() { return ( <tbody> <tr><td>Item 1</td></tr> <tr><td>Item 2</td></tr> </tbody> ); } }); Ancak, bir oluşturma işlevinde bir ebeveyn olmadan kardeş öğelere sahip olmanın mantıklı olduğu bazı durumlar vardır ve özellikle bir tablo söz konusu olduğunda, bir tablo …

82 reactjs 

Nasıl düzeltilir Could not find plugin "proposal-numeric-separator", React uygulamamı oluşturmaya çalıştığımda bu hatayı alıyorum, uygulamayı henüz çıkarmadım: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at Array.map (<anonymous>) at Generator.next (<anonymous>) at Generator.next (<anonymous>) error Command failed …

60 reactjs  build  yarnpkg 

Reaksiyon yerli 0.61 yükselttikten sonra böyle uyarılar bir sürü olsun: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. VirtualizedList-backed containerKullanmam gereken diğer nedir ve neden böyle kullanmamanız tavsiye ediliyor?

39 javascript  reactjs  react-native 

React useState Hook'u kullanmanın standart yolu şudur: const [count, setCount] = useState(0); Ancak bu const countdeğişken açıkça farklı bir ilkel değere atanacaktır. O zaman değişken neden olarak tanımlanmadı let count?

33 javascript  reactjs  ecmascript-6  react-hooks 

İşte sorun: Bir düğme tıklamasıyla 2 işlevi çağırmaya çalışıyorum. Her iki fonksiyon da durumu günceller (useState kancasını kullanıyorum). İlk işlev, değer1'i 'yeni 1' olarak doğru şekilde günceller, ancak 1 saniye sonra (setTimeout) ikinci işlev patlar ve değer 2'yi 'yeni 2' olarak değiştirir AMA! Değer1'i tekrar '1'e ayarlar. Bu neden oluyor? …

31 javascript  reactjs  react-hooks 

Basit bir tepki yayı önyükleme uygulaması geliştiriyorum, ancak GitHub sorunu nedeniyle IntelliJ kullanarak uygulama başlangıç ​​dosyalarımı yeniden oluşturuyorum ve önceki modülün package.json dosyasının bağımlılık verilerini kullanarak düğüm modüllerini yükledim. Çöken bir gezinme çubuğu (hamburger çubuğu -> mobil görünümde daralyan duyarlı gezinme çubukları) kullanır ve gezinme bağlantılarını görmek için hamburger düğmesini …

27 javascript  jquery  reactjs  bootstrap-4 

Bulut firestore verileri tepki kanca güncellemeleri ile yenilenir, böylece bir Firebase dinleyici kullanmayı anlamaya çalışıyorum. Başlangıçta, ben firestore veri almak için bir componentDidMount işlevi ile bir sınıf bileşeni kullanarak yaptı. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: doc.data().name }); // loading: false, }); } Sayfa güncellendiğinde …

27 javascript  reactjs  firebase  google-cloud-firestore  react-hooks 

Bir React uygulaması dağıtıyorum ama sayfayı https üzerinden ziyaret ettiğimde garip bir hata alıyorum. Sayfayı https üzerinden ziyaret ettiğimde aşağıdaki hatayı alıyorum: SecurityError: 'WebSocket' oluşturulamadı: HTTPS üzerinden yüklenen bir sayfadan güvenli olmayan bir WebSocket bağlantısı başlatılamayabilir. Ama http üzerinden sayfaya gittiğimde mükemmel çalışıyor. Sorun, anlayabildiğim kadarıyla websockets kullanmıyorum. Ben https …

25 node.js  reactjs 

tarihinde react-native init ProjectName, ana uygulama dosyası App.jsbir bileşenin bildirimini aşağıdaki şekilde içerir: const App: () => React$Node = () => {...} Bu talimat ne anlama geliyor? Yani, olarak tanımlanan bileşene alışkınım const App = () => {...}, bu yüzden özellikle aradaki ifadeyi anlamıyorum : () => React$Node.

23 javascript  reactjs  react-native 

Nedense, malzeme-ui tarih seçicisinin çalışmasını sağlayamıyorum . Tarih seçici React'te her oluşturulduğunda, aşağıdaki hata atılır: RangeError: Biçim dizesi, çıkış karakteri olmayan bir latin alfabesi karakteri içeriyor n Ben sadece datepicker ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) ile bir stackblitz oluşturdum ve hatta orada hata gösterir. Neyi yanlış yapıyorum? Sanırım kurulum kılavuzundaki tüm talimatları …

19 javascript  reactjs  material-ui  material-ui-pickers 

React kullanarak yeniyim, bu yüzden bunu başarmak gerçekten kolay olabilir, ancak biraz araştırma yapmama rağmen bunu kendim anlayamıyorum. Bu çok aptalsa beni affet. bağlam Ben kullanıyorum Inertia.js laravel (arka uç) ve (ön uç) adaptörleri yanıt verin. Atalet bilmiyorsanız, temel olarak: Inertia.js, klasik sunucu tarafı yönlendirme ve denetleyicileri kullanarak hızlı bir …

19 javascript  reactjs  promise  inertia