«reactjs» etiketlenmiş sorular

React Router kullanarak React.js uygulamam için aşağıdaki yapıya sahibim : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute handler={Dashboard}/> </Route> …

315 javascript  properties  reactjs  react-router 

Tarayıcı penceresi yeniden boyutlandırıldığında React'ın görünümü yeniden oluşturmasını nasıl sağlayabilirim? Arka fon Sayfada ayrı ayrı düzenlemek istediğim bazı bloklarım var, ancak tarayıcı penceresi değiştiğinde bunların güncellenmesini de istiyorum. En son sonuç Ben Holland'ın Pinterest düzeni gibi bir şey olacak , ancak React kullanılarak sadece jQuery kullanılarak yazılmayacak. Hala bir çıkış …

313 javascript  reactjs  resize 

Ben isteğe bağlı bir yol parametresi ile bir yol bildirmek istiyorum, bu nedenle ben ekstra bir şey yapmak için sayfa eklediğinizde (örneğin bazı verileri doldurun): http: // localhost / app / path / to / page <= sayfayı oluştur http: // localhost / app / path / to / page …

306 javascript  reactjs  react-router  react-router-v4 

Komutumu create-react-app my-appterminalime yazdığımda, çalışıyor gibi görünüyor - tüm kütüphaneleri başarıyla indiriyor vb. Bu işlemin sonunda ancak bir mesaj alıyorum template was not provided. Giriş user@users-MacBook-Pro-2 Desktop% create-react-app my-app Çıktı Creating a new React app in /Users/user/Desktop/my-app. Installing packages. This might take a couple of minutes. Installing react, react-dom, and …

298 reactjs  create-react-app 

Hataya ne sebep olabilir Error: EACCES: permission denied, access '/usr/local/lib/node_modules'? npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! errno: -13, npm ERR! code: …

298 node.js  reactjs  npm  install 

propsReact.js'de bir çocuğun olaylarını kullanarak ebeveynine geçmesinin basit bir yolu yok mu? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { // event.component.props ?why is this not available? }, render: function() { <Child onClick={this.onClick} /> } }); Bir girişin değerini …

296 javascript  reactjs 

JSX'te, propsalıntılanan öznitelik değerinin içinden bir değere nasıl başvuruyorsunuz ? Örneğin: <img className="image" src="images/{this.props.image}" /> Ortaya çıkan HTML çıktısı: <img class="image" src="images/{this.props.image}">

295 javascript  reactjs  react-props 

backgroundImageReact içinde bir satır içi özelliği içinde kullanmak için statik bir görüntüye erişmeye çalışıyorum . Ne yazık ki, bunun nasıl yapılacağı konusunda kurudum. Genel olarak, aşağıdaki gibi yaptığınızı sanıyordum: import Background from '../images/background_image.png'; var sectionStyle = { width: "100%", height: "400px", backgroundImage: "url(" + { Background } + ")" }; …

290 javascript  reactjs 

React'te yeniyim ve bir API ile çalışan bir uygulama yazmaya çalışıyorum. Bu hatayı almaya devam ediyorum: TypeError: this.setState bir işlev değil API yanıtını işlemeye çalıştığımda. Bu bağlamayla ilgili yanlış bir şey olduğundan şüpheleniyorum, ancak nasıl düzeltileceğini anlayamıyorum. İşte benim bileşen kodu: var AppMain = React.createClass({ getInitialState: function() { return{ FirstName: …

288 javascript  reactjs 

Bir React bileşenine satır içi komut dosyası eklemeye çalışırken nispeten basit bir sorun var. Şimdiye kadar ne var: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( <DocumentTitle …

266 javascript  reactjs  ecmascript-6  react-jsx 

Çocuklarını oluşturan basit bir bileşen göz önüne alındığında: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Soru: Çocuk propinin propTipi ne olmalı? Bir nesne olarak ayarladığımda, bileşeni birden çok çocukla kullandığımda başarısız oluyor: …

265 reactjs  jsx  react-proptypes 

Nesnenin özelliklerini ile güncellemek mümkün müdür setState? Gibi bir şey: this.state = { jasper: { name: 'jasper', age: 28 }, } Denedim: this.setState({jasper.name: 'someOtherName'}); ve bu: this.setState({jasper: {name: 'someothername'}}) Birincisi bir sözdizimi hatasıyla sonuçlanır ve ikincisi hiçbir şey yapmaz. Herhangi bir fikir?

265 reactjs  state 

Şu anda tepki yönlendirici v4 kullanarak yuvalama yolları ile mücadele ediyorum. En yakın örnek React-Router v4 Belgelerinde rota yapılandırmasıydı . Uygulamamı 2 farklı bölüme ayırmak istiyorum. Bir kullanıcı arabirimi ve bir yönetici alanı. Ben böyle bir şey düşünüyordum: <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} /> </Match> …

262 javascript  reactjs  nested  react-router  react-router-v4 

Kullanıcının kendi formunu tasarlayabileceği bir uygulama oluşturuyorum. Örneğin, alanın adını ve hangi sütunların dahil edilmesi gerektiğini belirtin. Bileşen burada JSFiddle olarak kullanılabilir . İlk durumum şöyle: var DynamicForm = React.createClass({ getInitialState: function() { var items = {}; items[1] = { name: 'field 1', populate_at: 'web_start', same_as: 'customer_name', autocomplete_from: 'customer_name', title: …

260 javascript  reactjs  state 

Tepki kullanıyorum. Aşağıdaki kodu çalıştırdığınızda tarayıcı diyor ki: Yakalanmayan TypeError: Süper ifade tanımsız değil null veya bir işlev olmalıdır Neyin yanlış olduğuna dair herhangi bir ipucu takdir edilecektir. İlk olarak kodu derlemek için kullanılan satır: browserify -t reactify -t babelify examples/temp.jsx -o examples/public/app.js Ve kod: var React = require('react'); class …

256 reactjs  ecmascript-6