«reactjs» etiketlenmiş sorular

Bir CSS dosyasını bir react bileşenine aktarmak istiyorum. Denedim import disabledLink from "../../../public/styles/disabledLink";ama aşağıdaki hatayı alıyorum; Modül bulunamadı: Hata: c: \ Users \ User \ Documents \ pizza-app \ client \ src \ components @ içindeki ../../../public/styles/disabledLink 'dosya' veya 'dizin' çözümlenemiyor. /client/src/components/ShoppingCartLink.js 19: 20-66 Hash: 2d281bb98fe0a961f7c4 Sürüm: webpack 1.13.2 C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css …

98 javascript  reactjs  relative-path 

Bir React projesi için TypeScript'i deniyorum ve bu hataya takılı kaldım: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with a parameter of type 'string' was found on …

98 reactjs  typescript 

Diyelim ki içimde bir this.state.listçocuk listesi oluşturmak için kullanabileceğim düz nesnelerin bir listesi var. O halde içine nesne eklemenin doğru yolu nedir this.state.list? Aşağıda, işe yarayacağını düşündüğüm tek yol, çünkü this.statebelgede belirtildiği gibi doğrudan mutasyona uğrayamazsınız. this._list.push(newObject): this.setState({list: this._list}); Bu bana çirkin görünüyor. Daha iyi bir yol var mı?

97 javascript  reactjs 

Bir form gönderildiğinde doSomething(), varsayılan gönderi davranışı yerine yapmaya çalışıyorum . Görünüşe göre React'te onSubmit formlar için desteklenen bir olaydır. Ancak, aşağıdaki kodu denediğimde: var OnSubmitTest = React.createClass({ render: function() { doSomething = function(){ alert('it works!'); } return <form onSubmit={doSomething}> <button>Click me</button> </form>; } }); Yöntem doSomething()çalıştırılır, ancak daha sonra …

97 javascript  forms  form-submit  reactjs  onsubmit 

ReactJs'de yeniyim. Bu benim kodum: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/" component={Main}></Route> </Router>, document.getElementById('app')); ve webpack ile derlemek. Ayrıca takma adlarıma Main bileşeni ekledim. Konsol şu hataları atıyor: Şu bağlantıları da okudum: …

97 reactjs  react-router 

Gelen bu belgelerin tepki nedeniyle, söylenir sığCompare, mevcut props ve nextProps nesneleri ile mevcut durum ve nextState nesneleri üzerinde sığ bir eşitlik denetimi gerçekleştirir. Anlayamadığım şey, nesneleri sığ bir şekilde karşılaştırırsa, shouldComponentUpdate yöntemi her zaman doğru döndürür, çünkü Devletleri mutasyona uğratmamalıyız. ve durumları değiştirmiyorsak, karşılaştırma her zaman yanlış döndürür ve …

97 javascript  reactjs 

Son zamanlarda, işlevsellik ve Facebook JavaScript kitaplığı React.js'yi kullanma yolları hakkında çok şey çalıştım. JavaScript dünyasının geri kalanıyla olan farklılıklarından bahsederken genellikle iki programlama stilinden declarativeve bahsedilir imperative. İkisi arasındaki fark nedir?

97 reactjs 

ReactJS'de bir tıklama olayını manuel olarak nasıl tetikleyebilirim ? Bir kullanıcı öğe1'i tıkladığında, inputetiketin tıklanmasını otomatik olarak tetiklemek istiyorum . <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}> <div className="logoBlank" /> </div> <input accept="image/*" type="file" className="hide"/> </div>

97 html  reactjs 

Web paketinde çok yeniyim, üretim yapısında genel kodun boyutunu azaltabileceğimizi öğrendim. Şu anda web paketi yaklaşık 8MB dosya ve main.js yaklaşık 5MB oluşturuyor. Üretim yapısında kodun boyutu nasıl küçültülür? İnternetten örnek bir web paketi yapılandırma dosyası buldum ve uygulamam için yapılandırdım ve çalıştırdım npm run buildve oluşturmaya başladım ve ./dist/dizinde …

97 node.js  reactjs  npm  webpack  webpack-dev-server 

Zaman zaman, sıfırlamak istediğim kavramsal olarak durum bilgisi olan reaksiyon bileşenleri var. İdeal davranış, eski bileşeni kaldırmaya ve yeni, bozulmamış bir bileşeni okumaya eşdeğer olacaktır. React setState, bileşenlerin kendi açık durumunu ayarlamaya izin veren, ancak tarayıcı odağı ve form durumu gibi örtük durumu hariç tutan ve ayrıca alt bileşenlerinin durumunu …

97 reactjs 

React.js Kitaplığı'nda yeniyim ve bazı eğitimleri gözden geçiriyordum ve karşılaştım: this.setState this.replaceState Verilen Açıklama çok net değil (IMO). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. Benzer şekilde, The replaceState() method is for when you want to clear out …

96 javascript  frontend  reactjs 

Durum değişikliğinde yeniden yüklenmesini bekliyorum, ancak bu çalışmıyor ve userdeğişken bir sonraki useStatearamada güncellenmiyor , sorun nedir? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) : (<p>Loading...</p>); } Codepen

95 reactjs  react-hooks 

Dokümanlara göre: componentDidUpdate()güncelleme gerçekleştikten hemen sonra çağrılır. Bu yöntem, ilk oluşturma için çağrılmaz. Yeni useEffect()kancayı simüle etmek için kullanabiliriz componentDidUpdate(), ancak useEffect()her işlemeden sonra, hatta ilk seferinde çalıştırılıyor gibi görünüyor . İlk işlemede çalışmamasını nasıl sağlayabilirim? Aşağıdaki örnekte görebileceğiniz gibi, componentDidUpdateFunctionilk oluşturma sırasında yazdırıldı, ancak ilk oluşturma componentDidUpdateClasssırasında yazdırılmadı. function …

95 javascript  reactjs  react-hooks 

Redux'un yapılacaklar örneğini anlamaya çalışmak için parçalara ayırıyorum. mapDispatchToPropsSevk eylemlerini props olarak eşleştirmenize izin verdiğini okudum , bu yüzden addTodo.jsdispatch (addTodo ()) yerine mapDispatchToProps kullanmak için yeniden yazmayı düşündüm . Ben aradım addingTodo(). Bunun gibi bir şey: import React from 'react'; import {connect} from 'react-redux'; import addTodo from '../actions'; let …

95 javascript  reactjs  redux  react-redux 

Bir React Element örneğinden bir React bileşeni tarafından gösterilen bir yöntemi çağırmak istiyorum. Örneğin, bu jsfiddle'da . alertMessageYöntemi HelloElementreferanstan çağırmak istiyorum . Ek paketler yazmak zorunda kalmadan bunu başarmanın bir yolu var mı? Düzenle (JSFiddle'dan kod kopyalandı) <div id="container"></div> <button onclick="onButtonClick()">Click me!</button> var onButtonClick = function () { //call alertMessage …

95 reactjs