«reactjs» etiketlenmiş sorular

Tam URL'yi bir ReactJS bileşeninden nasıl alabilirim? Sanırım böyle bir şey olmalı this.props.locationama öyleundefined

138 reactjs 

Tepki yönlendirici ile tepki kullanıyorum. Reat-router bir "Link" özelliği geçmeye çalışıyorum var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( <div> <Link to="ideas" …

137 javascript  reactjs  react-router 

Yakın zamanda Angular'dan ReactJs'e geçtim. API çağrıları için jQuery kullanıyorum. Bir listede yazdırılacak rastgele bir kullanıcı listesi döndüren bir API'm var. API çağrılarımı nasıl yazacağımdan emin değilim. Bunun için en iyi uygulama nedir? Aşağıdakini denedim ama herhangi bir çıktı alamıyorum. Gerekirse alternatif API kitaplıkları uygulamaya açığım. Kodum aşağıdadır: import React …

137 javascript  jquery  reactjs 

Neden aşağıdaki sözde kod örneğinde Kapsayıcı foo.bar'ı değiştirdiğinde Child yeniden oluşturmuyor? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } forceUpdate()Kapsayıcıdaki değeri değiştirdikten sonra çağırsam bile , Çocuk hala eski değeri gösteriyor.

137 javascript  html  reactjs 

benim hata çıktı: Geçersiz yapılandırma nesnesi. Webpack, API şemasıyla eşleşmeyen bir yapılandırma nesnesi kullanılarak başlatıldı. - configuration.module, bilinmeyen bir 'loaders' özelliğine sahip. Bu özellikler geçerlidir: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules ?, unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegExp ?, unknownContextRegExp?? UnknownContextRegExp? ?, strictExportPresence …

136 reactjs  webpack 

TLDR: Kontrol edilmiş, çalışan jsbin yerine defaultChecked kullanın . İşaretlendiğinde etiket metninin üzerini çizecek basit bir onay kutusu oluşturmaya çalışıyorum. Bazı nedenlerden dolayı, bileşeni kullandığımda handleChange ateşlenmiyor. Neyi yanlış yaptığımı kimse açıklayabilir mi? var CrossoutCheckbox = React.createClass({ getInitialState: function () { return { complete: (!!this.props.complete) || false }; }, handleChange: …

136 checkbox  onchange  reactjs 

Sistemime bir react uygulaması klonladım ve aşağıdaki komutları çalıştırdım npm install -g create-react-app npm install --save react react-dom Ondan sonra koştum npm start Ama yukarıda belirtilen hatayı attı, Github'a ittiğim diğer sistemimde iyi çalışıyor. Ancak Windows veya Mac olsun, klonladıktan sonra başka bir sistem üzerinde çalışmıyor.

136 reactjs 

Bir ReadableStreamnesneden nasıl bilgi alabilirim ? Getirme API'sını kullanıyorum ve bunun belgelerden anlaşılır olduğunu görmüyorum. Gövde bir olarak iade ediliyor ReadableStreamve bu akış içindeki bir özelliğe erişmek istiyorum. Tarayıcı geliştirme araçlarındaki Yanıt altında, bu bilgilerin bir JavaScript nesnesi biçiminde özellikler halinde düzenlenmiş gibi görünüyor. fetch('http://192.168.5.6:2000/api/car', obj) .then((res) => { if(res.status …

136 javascript  node.js  reactjs  fetch 

Ben etrafında oynuyorum Reactve ES6kullanma babelve webpack. Farklı dosyalarda birkaç bileşen oluşturmak, tek bir dosyaya aktarmak ve bunlarıwebpack Diyelim ki bunun gibi birkaç bileşenim var: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> ... </Navbar> ); } …

135 reactjs  ecmascript-6  webpack 

Bir React bileşeninde varsayılan props ayarlamak için aşağıdaki kodu kullanıyorum ama bu çalışmıyor. In render()yöntemle, ben çıkış "tanımlanmamış sahne" tarayıcı konsoluna basıldığı görebilirsiniz. Bileşen props için varsayılan bir değeri nasıl tanımlayabilirim? export default class AddAddressComponent extends Component { render() { let {provinceList,cityList} = this.props if(cityList === undefined || provinceList === …

135 reactjs  ecmascript-6 

React projemdeki resimlerimle ilgili bazı problemlerim var. Aslında, src özniteliğine giden göreceli yolun dosya mimarisi üzerine inşa edildiğini düşünmüşümdür hep İşte benim dosya mimarim: components file1.jsx file2.jsx file3.jsx container img js ... Ancak yolun url üzerine kurulduğunu fark ettim. Bileşenimden birinde (örneğin file1.jsx'e) şuna sahibim: localhost/details/2 <img src="../img/myImage.png" /> -> …

135 javascript  reactjs  webpack 

React redux'te bileşen ve konteyner arasındaki fark nedir?

135 javascript  reactjs  redux 

Reactjs konusunda yeniyim, react uygulamama bootstrap eklemek istiyorum Bootstrap'i şu şekilde yükledim: npm install bootstrap --save Şimdi, react uygulamamda bootstrap css ve js'yi yüklemek istiyorum. Web paketi kullanıyorum. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: 8080, historyApiFallback: true, …

135 twitter-bootstrap  reactjs  webpack 

Bir bildirim bileşenim var ve bunun için bir zaman aşımı ayarım var. zaman aşımından sonra ararım this.setState({isTimeout:true}). Yapmak istediğim şey, zaten zaman aşımına uğradıysa, hiçbir şey oluşturmak istemiyorum: render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ return (); // here has some syntax error } return …

135 reactjs 

Bileşenlerimi bir sınıfın içine yazmak yerine, bunun yerine işlev sözdizimini kullanmak istiyorum. Nasıl geçersiz yok componentDidMount, componentWillMountişlev bileşenlerinin iç? Hatta mümkün mü? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( <Content title="Promotions" breadcrumbs={breadcrumbs} …

135 reactjs  redux