«reactjs» 태그된 질문

나는 여전히 React에서 멍청한 사람이고 인터넷의 많은 예제에서 혼란스러워하는 자식 요소를 렌더링하는이 변형을 봅니다. 일반적으로 나는 이것을 본다 : class Users extends React.Component { render() { return ( <div> <h2>Users</h2> {this.props.children} </div> ) } } 그러나 다음과 같은 예가 있습니다. <ReactCSSTransitionGroup component="div" transitionName="example" transitionEnterTimeout={500} transitionLeaveTimeout={500} > {React.cloneElement(this.props.children, { key: this.props.location.pathname …

118 reactjs 

반응 응용 프로그램을 만드는 모든 방법을 시도하고 있습니다. 나는 maven을 사용해 보았고 이제 Facebook Incubators의 crate-react-app 빌드 시스템을 시도하고 있습니다. create-react-app my-appnpm 환경 에서 명령을 실행하려고 할 때 내 개인 시스템에서 문제없이 작동했습니다. 하지만 내 작업 환경에서 동일한 명령을 시도했을 때 명령 프롬프트에서이 오류가 발생했습니다. npm ERR! node v6.10.2 npm …

118 node.js  reactjs  npm  create-react-app 

TypeScript로 React 프로젝트 작업을 시작하고 일반 클래스 파일로 무엇을해야하는지 스스로에게 물어 봅니다. .ts또는 .tsx파일을 사용해야 .tsx하는데 React 프로젝트가 아니더라도 항상 파일을 사용하지 않을 이유를 찾을 수 없었 습니다! .tsx파일을 사용하지 말아야하는 이유나 특정 상황이 있습니까? 아니라면 TypeScript 팀이 완전히 새로운 확장을 추가하는 이유는 무엇입니까?

118 javascript  reactjs  typescript 

React world의 초심자이기 때문에 사용할 때 어떤 일이 발생 {this.props.children}하고 같은 상황을 사용하는지 깊이 이해하고 싶습니다 . 아래 코드 스 니펫에서 그것의 관련성은 무엇입니까? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } }

118 javascript  reactjs  react-redux  frontend 

내 반응 앱에서 axios 를 사용하여 REST API 요청을 수행하고 있습니다. 그러나 요청과 함께 Authorization 헤더 를 보낼 수 없습니다 . 내 코드는 다음과 같습니다. tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config ) .then( ( response ) => { …

118 reactjs  rest  token  axios  access-token 

적용 할 몇 가지 부작용이 있으며이를 구성하는 방법을 알고 싶습니다. 일회용으로 또는 여러 useEffects 성능과 아키텍처 측면에서 무엇이 더 낫습니까?

118 reactjs  react-hooks 

react-native run-ios빌드를 실행 하면 성공하지만 아래 오류가 발생합니다. 나는 모든 곳을 확인했지만 아무것도 작동하지 않는 것 같습니다. sudo명령 앞에 사용 하는 것도 도움이되지 않습니다. Xcode 7.3, react-native-cli : 0.2.0, react-native : 0.24.1, node v5.11.0을 사용하고 있습니다. === BUILD TARGET mobileTests OF PROJECT mobile WITH CONFIGURATION Release === Check dependencies ** …

117 ios  reactjs  react-native 

React-router와 함께 개발에서 webpack-dev-server를 사용하는 앱을 만들고 있습니다. webpack-dev-server는 한곳에 공개 진입 점 (예 : "/")이 있다는 가정하에 구축 된 것으로 보이지만 react-router는 무제한 진입 점을 허용합니다. webpack-dev-server의 이점, 특히 생산성에 좋은 핫 리로딩 기능을 원하지만 여전히 react-router에 설정된 경로를로드 할 수 있기를 원합니다. 함께 작동하도록 어떻게 구현할 수 있습니까? …

117 javascript  reactjs  webpack  react-router 

을 사용하지 않고 react-router로 쿼리 매개 변수를 업데이트하는 방법을 찾을 수없는 것 같습니다 <Link/>. hashHistory.push(url)쿼리 매개 변수를 등록하지 않는 것 같고 쿼리 개체 또는 다른 것을 두 번째 인수로 전달할 수없는 것 같습니다. 어떻게에서 URL을 변경하는 방법 /shop/Clothes/dresses에 /shop/Clothes/dresses?color=blue의는 반응 라우터를 사용하지 않고 <Link>? 그리고 onChange함수가 쿼리 변경을 수신하는 유일한 …

117 reactjs  react-router 

방금 node.js 및 cli를 설치했습니다. 설치된 node.js react-native-cli 설치 npm -g react-native-cli 그리고 '새 프로젝트'를 만들었습니다. react-native init new_project 그리고 그 'new_project'디렉토리 안에서 메트로 번 들러가 잘 작동하는지보기에 지쳤습니다. react-native start 그러나 명령은 다음과 같은 오류를 주었고 메트로가 시작되지 않습니다. 이 오류를 수정할 단서가 있습니까? (Windows 10 OS를 사용하고 있습니다.) …

117 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

Django 프로젝트에서 React를 설정하는 동안이 오류가 발생했습니다. 모듈 빌드의 ModuleBuildError 실패 (./node_modules/babel-loader/lib/index.js에서) : SyntaxError : C : \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js : 실험적 구문 'classProperties 지원 '는 현재 활성화되어 있지 않습니다 (17 : 9) : 15 | 16 | class …

117 reactjs  webpack  babeljs  babel 

아래와 같은 useEffect 예제를 시도했습니다. useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); 코드 조각 실행결과 숨기기스 니펫 확장 내 콘솔에이 경고가 표시됩니다. 그러나 정리는 내가 생각하는 비동기 호출의 경우 선택 …

117 javascript  reactjs  react-hooks 

React 앱을 실행하려고 할 때 다음 오류가 발생합니다. ./src/components/App/App.js Attempted import error : 'combineReducers'is not export from '../../store/reducers/'. 내보내는 방법은 다음과 같습니다 combineReducers. import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers }); 가져 오는 방법은 App.js다음 과 같습니다. import …

117 reactjs  redux 

내 앱을 부트 스트랩하기 위해 create react 앱 을 사용 하고 있습니다. 두 개의 .env파일 .env.development과 .env.production루트를 추가했습니다. 내 .env.development포함 사항 : API_URL=http://localhost:3000/api CALLBACK_URL=http://localhost:3005/callback 내 앱을 사용 react-scripts start하여 콘솔을 실행하면 process.env튀어 나옵니다. { NODE_ENV: "development", PUBLIC_URL: "" } 나는 다른 것을 시도했지만 내 개발 파일에서 검증을 선택하지 못했습니다. 내가 …

117 reactjs  create-react-app 

저는 Backbone 프로젝트에서 Facebook React를 사용하기 시작했으며 지금까지 정말 잘 진행되고 있습니다. 그러나 React 코드에 중복이 발생하는 것을 발견했습니다. 예를 들어, 나는 몇 가지 형태와 같은 위젯이 같은 상태로를 INITIAL, SENDING하고 SENT. 버튼을 누르면 양식의 유효성을 검사하고 요청한 다음 상태를 업데이트해야합니다. 상태는 this.state물론 필드 값과 함께 React 내부에 보관 됩니다. …

116 javascript  refactoring  mixins  reactjs