«reactjs» etiketlenmiş sorular

Aşağıdaki kancalar örneğini ele alırsak import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } Temel olarak, aşağıdaki örnekte olduğu gibi, bileşeni React sınıfı bileşenlerde hemen yeniden …

108 javascript  reactjs  react-native  react-hooks 

Ne zaman React'te bir Font Awesome simgesi kullanmaya çalışsam render(), normal HTML'de çalışmasına rağmen ortaya çıkan web sayfasında görüntülenmiyor. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } İşte canlı bir örnek: http://jsfiddle.net/pLWS3/ Hata nerede?

108 reactjs  font-awesome 

Kapalı . Bu soruya daha çok odaklanılması gerekiyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Soruyu yalnızca bu gönderiyi düzenleyerek tek bir soruna odaklanacak şekilde güncelleyin . 3 yıl önce kapalı . Bu soruyu geliştirin React / Redux'te yeniyim. API'leri işlemek için Redux uygulamasında bir getirme …

107 javascript  reactjs  redux 

DOM içinde birden çok kez bileşen eklemek için React'i kullanmak istiyorum. Bu keman yapmak istediğimi gösteriyor ve herhangi bir hata yapmıyor. İşte kod: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div id="second-container"> <!-- This element's contents will be replaced with the …

107 reactjs 

Durumun yeniden oluşturulmasının kullanıcı arabirimi sorunlarına neden olduğu ve bir sayfadaki yeniden oluşturma miktarını azaltmak için yalnızca indirgeyicimin içindeki belirli değeri güncellemem önerildiği bir sorunum var. bu benim durumumun örneği { name: "some name", subtitle: "some subtitle", contents: [ {title: "some title", text: "some text"}, {title: "some other title", text: …

107 javascript  reactjs  redux 

Bağladığım basit bir React bileşenim var (üzerinden basit bir dizi / durum eşleme). Mağazanın içeriğine referans vermekten kaçınmak için, doğrudan sahne donanımlarından "gönderim" almanın bir yolunu istiyorum. Başkalarının bu yaklaşımı kullandığını gördüm, ancak nedense buna erişimim yok :) Şu anda kullandığım her npm bağımlılığının sürümleri burada "react": "0.14.3", "react-redux": "^4.0.0", …

107 javascript  reactjs  redux 

Webpack.config.js'yi şöyle yazarken module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Ve index.jsxbir reactmodülü içe aktarıyorumApp import React from 'react'; import { render } from 'react-dom'; import App from …

107 reactjs  webpack  webpack-dev-server 

Dizge Dizisini gösterecek bir bileşenim var. Kod şuna benzer: React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Mükemmel çalışıyor. yani eğer props.data = ['tom', 'jason', 'chris'], sayfada oluşturulan sonuç olacaktır tomjasonchris. Ardından, virgül kullanarak tüm isimleri birleştirmek istiyorum, bu yüzden kodu şu şekilde değiştiriyorum: this.props.data.map(t => <span>t</span>).join(', ') …

107 reactjs 

Sınıfı kullanmadan, PropTypes'i react'in işlevsel durumsuz bileşeninde nasıl kullanırım? export const Header = (props) => ( <div>hi</div> )

107 javascript  reactjs  react-props  react-proptypes 

React'te hala oldukça yeniyim, ancak yavaş yavaş ilerledim ve takılıp kaldığım bir şeyle karşılaştım. React'te bir "zamanlayıcı" bileşeni oluşturmaya çalışıyorum ve dürüst olmak gerekirse bunu doğru (veya verimli) yapıp yapmadığımı bilmiyorum. Aşağıda benim kodda, bir nesne döndürmek için durumu belirtmek { currentCount: 10 }ve oynuyor olmuştur componentDidMount, componentWillUnmountve renderben sadece …

107 javascript  reactjs  settimeout  state 

Çalıştırdığım bir test_stuff.js dosyam var npm test Hemen hemen şuna benziyor: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 when the value is not …

107 javascript  reactjs  npm  react-jsx 

React.js ve web paketi ile bir web sitesi kurmuştum . Web sayfasında Google yazı tiplerini kullanmak istiyorum , bu yüzden bağlantıyı bölüme koyuyorum. Google Yazı Tipleri <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Ve CSS'yi ayarlayın body{ font-family: 'Bungee Inline', cursive; } Ancak çalışmıyor. Bu sorunu nasıl çözebilirim?

107 reactjs  webpack  google-font-api 

Bunun basit bir soru olduğunun farkındayım ama cevabı başka yerde bulma şansım olmadı. store.dispatchEşzamanlı mı yoksa eşzamansız Reduxmı? Eşzamansız olması durumunda, eylem mümkün olduğu şekilde yayıldıktan sonra bir geri arama ekleme olasılığı var Reactmı?

106 javascript  reactjs  redux  single-page-application 

React-Router v3'ten v4'e geçişte küçük bir sorun yaşıyorum. v3'te bunu her yerde yapabildim: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Bunu v4.0'da nasıl başarabilirim? withRouterBir Bileşenin içindeyken hoc , react bağlamı veya olay yönlendirici sahne öğelerini kullanabileceğimi biliyorum. ama benim için durum böyle değil. NavigatingOutsideOfComponents'ın v4'te eşdeğerliğini arıyorum

106 reactjs  react-router 

ReactJS'deki kontrollü bileşenler ve kontrolsüz bileşenler nelerdir? Birbirlerinden nasıl farklılar?

106 reactjs  react-component