«reactjs» 태그된 질문

뭐라고합니까 npm run eject명령은 무엇입니까? 다른 명령이 시작, 빌드, 테스트와 같은 기능을 이해합니다. 그러나 꺼내는 것에 대해서는 전혀 모릅니다.

108 reactjs  webpack  create-react-app  react-scripts 

onclick 이벤트를 수행 할 때 내 상태가 변경되지 않는 이유를 묻고 싶습니다. 생성자에서 onclick 함수를 바인딩해야한다는 것을 얼마 전에 검색했지만 여전히 상태가 업데이트되지 않습니다. 내 코드는 다음과 같습니다. import React from 'react'; import Grid from 'react-bootstrap/lib/Grid'; import Row from 'react-bootstrap/lib/Row'; import Col from 'react-bootstrap/lib/Col'; import BoardAddModal from 'components/board/BoardAddModal.jsx'; import style …

108 javascript  reactjs  ecmascript-6 

react-router (v4.0.0)와 react-hot-loader (3.0.0-beta.6)가 멋지게 재생되도록 시도했지만 브라우저 콘솔에서 다음 오류가 발생합니다. 경고 : React.createElement : 유형이 유효하지 않습니다. 문자열 (내장 구성 요소의 경우) 또는 클래스 / 함수 (복합 구성 요소의 경우)가 필요하지만 정의되지 않았습니다. 정의 된 파일에서 구성 요소를 내보내는 것을 잊었을 수 있습니다. index.js : import React from …

108 reactjs  react-router  react-hot-loader 

제안 된 방법 사용 : 결과 : 버튼의 링크 , 주석 줄 사이의 코드 react를 사용하여 HTML 태그 에서 Link요소 를 래핑하는 방법이 있는지 궁금합니다 .'react-router'button 현재 Link내 앱에서 페이지를 탐색하기위한 구성 요소가 있지만 해당 기능을 HTML 버튼에 매핑하고 싶습니다.

108 html  reactjs  button  hyperlink  router 

componentDidMount후크를 통해 React 기능 구성 요소에서 시뮬레이션하는 방법이 있습니까?

108 javascript  reactjs  react-hooks 

닫힘 . 이 질문은 더 집중되어야 합니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 한 가지 문제에만 집중하도록 질문을 업데이트하십시오 . 휴일 삼년 전에 . 이 질문 개선 저는 React / Redux를 처음 사용합니다. API를 처리하기 위해 Redux 앱에서 fetch api 미들웨어를 사용합니다. …

107 javascript  reactjs  redux 

React를 사용하여 DOM 전체에 여러 번 구성 요소를 추가하고 싶습니다. 이 바이올린 은 내가하려는 작업을 보여 주며 오류가 발생하지 않습니다. 코드는 다음과 같습니다. HTML : <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div id="second-container"> <!-- This element's contents will be replaced with …

107 reactjs 

연결하는 간단한 React 구성 요소가 있습니다 (간단한 배열 / 상태 매핑). 스토어 컨텍스트를 참조하지 않으려면 props에서 직접 "dispatch"하는 방법을 원합니다. 나는이 접근 방식을 사용하는 다른 사람들을 보았지만 어떤 이유로 이것에 액세스 할 수 없습니다 :) 현재 사용중인 각 npm 종속성의 버전은 다음과 같습니다. "react": "0.14.3", "react-redux": "^4.0.0", "react-router": "1.0.1", "redux": …

107 javascript  reactjs  redux 

내 상황은 다음과 같습니다. this.handleFormSubmit ()에서 this.setState () 실행 중입니다. this.handleFormSubmit () 내부에서 this.findRoutes (); -this.setState ()의 성공적인 완료에 따라 다릅니다. this.setState (); this.findRoutes가 호출되기 전에 완료되지 않습니다 ... this.findRoutes ()를 호출하기 전에 this.handleFormSubmit () 내부의 this.setState ()가 완료되기를 어떻게 기다리나요? 수준 이하의 솔루션 : componentDidUpdate ()에 this.findRoutes () 넣기 …

107 javascript  reactjs  state 

webpack.config.js를 이렇게 작성하면 module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; 그리고 모듈을 index.jsx가져옵니다.reactApp import React from 'react'; import { render } from 'react-dom'; import App from './containers/App'; let …

107 reactjs  webpack  webpack-dev-server 

내 React 애플리케이션의 문서 제목 (브라우저 제목 표시 줄)을 설정하고 싶습니다. 나는 사용하여 시도했다 반응 - 문서 제목 (구식 인 것 같다) 및 설정을 document.title에 constructor그리고 componentDidMount()이러한 솔루션 작업 없음 -.

107 javascript  reactjs  dom 

상태를 다시 렌더링하면 UI 문제가 발생하고 페이지에서 다시 렌더링되는 양을 줄이기 위해 내 감속기 내부의 특정 값만 업데이트하도록 제안 된 문제가 있습니다. 이것은 내 상태의 예입니다 { name: "some name", subtitle: "some subtitle", contents: [ {title: "some title", text: "some text"}, {title: "some other title", text: "some other text"} ] …

106 javascript  reactjs  redux 

i18n구성 요소 (앱에로드되는 첫 번째 구성 요소)에서 번역 개체를 한 번 초기화했습니다 . 다른 모든 구성 요소에는 동일한 개체가 필요합니다. 모든 구성 요소에서 다시 초기화하고 싶지 않습니다. 주위는 무엇입니까? 창 범위에서 사용할 수 있도록 만드는 것은 render()방법 에서 사용해야하므로 도움이되지 않습니다 . i18n 특정 솔루션이 아닌 이러한 문제에 대한 일반적인 …

106 reactjs  javascript-globalize 

저는 React Router를 처음 접했고 페이지를 리디렉션하는 방법이 너무 많다는 것을 알게되었습니다. 사용 browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); 사용 this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { router: React.PropTypes.object } React …

106 reactjs  redux  react-router 

ReactJS 에서 클릭 이벤트를 수동으로 트리거하려면 어떻게해야 합니까? 사용자가 element1을 클릭 할 때 input태그 에 대한 클릭을 자동으로 트리거하고 싶습니다 . <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>

106 html  reactjs