«reactjs» etiketlenmiş sorular

Verileri çeşitli alt bileşenlerde doldurmak için güzel bir ApiWrapper bileşeni yapmaya çalışıyorum. Okuduğum her şeyden, bu işe yaramalı: https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state = { response: { "title": 'nothing fetched yet' } }; } componentDidMount() { this._makeApiCall(this.props.endpoint); } _makeApiCall(endpoint) { fetch(endpoint).then(function(response) { this.setState({ response: response …

111 reactjs 

Bir React bileşenim var ve bileşenin renderyönteminin içinde şöyle bir şey var: render() { return ( <div> <div> // removed for brevity </div> { switch(...) {} } <div> // removed for brevity </div> </div> ); } Şimdi mesele şu ki div, biri üstte diğeri altta sabit olan iki öğem var. …

111 reactjs 

Uygulamamı önyüklemek için react uygulaması oluştur kullanıyorum . İki .envdosya ekledim .env.developmentve .env.productionkökte. Benim .env.developmentiçerir: API_URL=http://localhost:3000/api CALLBACK_URL=http://localhost:3005/callback Uygulamamı kullanarak react-scripts startve konsol kullanarak çalıştırdığımda process.envtükürüyor { NODE_ENV: "development", PUBLIC_URL: "" } Farklı şeyler denedim, ancak geliştirme dosyamdaki doğrulanabilirleri toplamıyor, neyi yanlış yapıyorum ?! Directry yapısı: /.env.development /src/index.js Package.json betiği: "start": …

111 reactjs  create-react-app 

ReactJS'de bir site oluşturmaya başlamaya çalışıyorum. Ancak, JS'mi ayrı bir dosyaya koymaya çalıştığımda, şu hatayı almaya başladım: "Yakalanmamış SyntaxError: Beklenmeyen simge <". /** @jsx React.DOM */JS dosyasının üstüne eklemeyi denedim , ancak hiçbir şeyi düzeltmedi. Aşağıda HTML ve JS dosyaları bulunmaktadır. Neyin yanlış gittiğine dair bir fikriniz var mı? HTML …

110 javascript  html  reactjs  react-jsx 

Düzinelerce Reactdosya yazdım , asla kullanmacomponentDidUpdate yöntem . Bu yöntemi ne zaman kullanmanız gerektiğine dair tipik bir örnek var mı? Basit bir demo değil, gerçek hayattan bir örnek istiyorum. Cevap için teşekkürler!

110 reactjs 

React.js'de yeniyim, veriyi sunucudan aldığım ve şu şekilde kullandığım bir bileşen uyguladım: CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' //}); }); }, URL'yi yapılandırma dosyasında saklamak istiyorum, …

110 javascript  reactjs  configuration  webpack  flux 

React uygulamamı çalıştırmaya çalışırken aşağıdaki hatayı alıyorum: ./src/components/App/App.js Denenen içe aktarma hatası: "birleştirmeReducers" , "../../store/reducers/" adresinden dışa aktarılmaz. İşte nasıl dışa aktarıyorum combineReducers: import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers }); ve işte bunu nasıl içe aktarıyorum App.js: …

110 reactjs  redux 

Yeni React Hook'larını deniyorum ve her saniye artması gereken bir sayacı olan bir Clock bileşenim var. Ancak değer birin ötesine geçmez. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); }, 1000); return () => { window.clearInterval(timer); }; }, …

110 javascript  reactjs  react-hooks 

Bu kavramlar konusunda biraz belirsizim, eğer aynı ToDo uygulamasını tamamen AngularJS ve ReactJS'de oluşturursam - React ToDo'nun AngularJS'nin iki yönlü veri bağlamasına kıyasla tek yönlü veri bağlamayı kullanmasını sağlayan nedir? React'in şu şekilde çalıştığını anlıyorum: Oluştur (veri) -> UI. Bunun Angular'dan farkı nedir?

109 javascript  angularjs  reactjs 

React webApp'ım bu Hatayı Tarayıcı Konsolunda veriyor Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Ayrıca: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates the following Content …

109 javascript  reactjs  webpack 

REACT yoluyla çıktısını almak istediğim bir nesne var question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } ve benim tepki bileşenim (azaltma), başka bir bileşen class QuestionSet extends Component { render(){ <div className="container"> <h1>{this.props.question.text}</h1> {this.props.question.answers.forEach(answer => { console.log("Entered"); //This does ifre …

109 reactjs  react-props 

Düşünüyordum ve İstemci ile Sunucu arasındaki yönlendirmeyle karıştırıldım. İsteği web tarayıcısına geri göndermeden önce sunucu tarafında işleme için ReactJS kullandığımı ve SPA olarak yenilemeden sayfalar arasında geçiş yapmak için istemci tarafı yönlendirme olarak react-yönlendiriciyi kullandığımı varsayalım. Akla gelen şudur: Rotalar nasıl yorumlanıyor? Örneğin, Ana sayfadan ( /home) Gönderiler sayfasına ( …

108 javascript  reactjs  routes  react-router  url-routing 

Tarayıcıda React'in çalışma zamanı sürümünü öğrenmenin bir yolu var mı?

108 javascript  reactjs 

Durumum şu: this.handleFormSubmit () üzerinde this.setState () 'i çalıştırıyorum this.handleFormSubmit () içinde this.findRoutes () çağırıyorum; - bu, this.setState () işleminin başarıyla tamamlanmasına bağlıdır this.setState (); this.findRoutes çağrılmadan önce tamamlanmaz ... This.findRoutes () 'i çağırmadan önce this.handleFormSubmit () içindeki this.setState ()' in bitmesini nasıl beklerim? Subpar bir çözüm: this.findRoutes () öğesini …

108 javascript  reactjs  state 

Önerilen yöntemi kullanarak: Bu sonucu oluşur: düğmesini bir bağlantı , Kod açıklama satır aralarında React kullanarak bir HTML etiketinden bir Linköğeyi sarmanın bir yolu olup olmadığını merak ediyordum .'react-router'button Şu anda Linkuygulamamdaki sayfalarda gezinmek için bileşenlerim var , ancak bu işlevselliği HTML düğmelerimle eşlemek istiyorum.

108 html  reactjs  button  hyperlink  router