«reactjs» 태그된 질문

다음과 같은 오류가 발생합니다 잡히지 않은 TypeError : 정의되지 않은 'setState'속성을 읽을 수 없습니다 생성자에서 델타를 바인딩 한 후에도. class Counter extends React.Component { constructor(props) { super(props); this.state = { count : 1 }; this.delta.bind(this); } delta() { this.setState({ count : this.state.count++ }); } render() { return ( <div> <h1>{this.state.count}</h1> …

316 javascript  reactjs 

React Router를 사용하는 React.js 응용 프로그램의 구조는 다음과 같습니다 . 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 

브라우저 창의 크기를 조정할 때 React에서 뷰를 다시 렌더링하려면 어떻게해야합니까? 배경 페이지에서 개별적으로 레이아웃하려는 블록이 있지만 브라우저 창이 변경되면 업데이트하기를 원합니다. 최종 결과는 Ben Holland의 Pinterest 레이아웃과 비슷하지만 jQuery뿐만 아니라 React를 사용하여 작성됩니다. 나는 아직도 방법입니다. 암호 내 응용 프로그램은 다음과 같습니다. var MyApp = React.createClass({ //does the http get …

313 javascript  reactjs  resize 

선택적 경로 매개 변수를 사용하여 경로를 선언하고 싶습니다. 따라서 페이지를 추가하면 추가 작업을 수행 할 수 있습니다 (예 : 데이터 채우기). http : // localhost / app / path / to / page <= 페이지 렌더링 http : // localhost / app / path / to / page / pathParam …

306 javascript  reactjs  react-router  react-router-v4 

오류의 원인은 무엇입니까 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: 'EACCES', …

298 node.js  reactjs  npm  install 

create-react-app my-app터미널에 명령을 입력하면 모든 라이브러리를 성공적으로 다운로드하는 등의 작업을 수행하는 것처럼 보입니다. 그러나 프로세스가 끝나면 메시지가 나타납니다 template was not provided. 입력 user@users-MacBook-Pro-2 Desktop% create-react-app my-app 산출 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 react-scripts... ..... …

297 reactjs  create-react-app 

propsReact.js에서 이벤트를 사용하여 자녀 를 부모 에게 전달하는 간단한 방법이 있습니까? 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} /> } }); 제어 된 구성 요소를 …

295 javascript  reactjs 

JSX에서 props인용 된 속성 값 내부에서 값을 어떻게 참조 합니까? 예를 들면 다음과 같습니다. <img className="image" src="images/{this.props.image}" /> 결과 HTML 출력은 다음과 같습니다. <img class="image" src="images/{this.props.image}">

295 javascript  reactjs  react-props 

backgroundImageReact 내 인라인 속성 내에서 사용하기 위해 정적 이미지에 액세스하려고합니다 . 불행히도, 나는 이것을하는 방법에 대해 말랐다. 일반적으로 방금 다음과 같이 생각했습니다. import Background from '../images/background_image.png'; var sectionStyle = { width: "100%", height: "400px", backgroundImage: "url(" + { Background } + ")" }; class Section extends Component { render() { …

290 javascript  reactjs 

React의 새로운 기능이며 API로 작동하는 앱을 작성하려고합니다. 이 오류가 계속 발생합니다. TypeError : this.setState는 함수가 아닙니다 API 응답을 처리하려고 할 때. 이 바인딩에 문제가 있다고 생각하지만 해결 방법을 알 수 없습니다. 내 구성 요소의 코드는 다음과 같습니다. var AppMain = React.createClass({ getInitialState: function() { return{ FirstName: " " }; }, …

288 javascript  reactjs 

자식을 렌더링하는 간단한 구성 요소가 있습니다. class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; 질문 : 어린이 소품의 propType은 무엇이어야합니까? 객체로 설정하면 여러 자식과 함께 구성 요소를 사용할 때 실패합니다. <ContainerComponent> <div>1</div> <div>2</div> …

265 reactjs  jsx  react-proptypes 

?로 객체의 속성을 업데이트하는 것이 가능 setState합니까? 다음과 같은 것 : this.state = { jasper: { name: 'jasper', age: 28 }, } 나는 시도했다 : this.setState({jasper.name: 'someOtherName'}); 이: this.setState({jasper: {name: 'someothername'}}) 첫 번째 구문 오류가 발생하고 두 번째는 아무것도 수행하지 않습니다. 어떤 아이디어?

265 reactjs  state 

인라인 스크립팅을 React 구성 요소에 추가하려고하는 비교적 간단한 문제가 있습니다. 내가 지금까지 무엇을 : '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 title="People"> <article className={[prefix('people'), prefix('people', …

264 javascript  reactjs  ecmascript-6  react-jsx 

현재 반응 라우터 v4를 사용하여 중첩 경로로 어려움을 겪고 있습니다. 가장 가까운 예는 React-Router v4 Documentation 의 경로 구성입니다 . 내 앱을 두 개의 다른 부분으로 나누고 싶습니다. 프론트 엔드 및 관리 영역 나는 이것에 대해 생각하고 있었다 : <Match pattern="/" component={Frontpage}> <Match pattern="/home" component={HomePage} /> <Match pattern="/about" component={AboutPage} /> …

261 javascript  reactjs  nested  react-router  react-router-v4 

사용자가 자신의 양식을 디자인 할 수있는 앱을 만들고 있습니다. 예를 들어 필드 이름과 포함해야 할 다른 열의 세부 사항을 지정하십시오. 컴포넌트는 여기 에서 JSFiddle로 사용 가능 합니다 . 내 초기 상태는 다음과 같습니다. var DynamicForm = React.createClass({ getInitialState: function() { var items = {}; items[1] = { name: 'field 1', …

259 javascript  reactjs  state