«reactjs» 태그된 질문

나는 아마도 매우 명백한 것을 놓치고 있고 스스로를 정리하고 싶습니다. 여기 내 이해가 있습니다. 순진한 반응 구성 요소에는 states& props. 로 업데이트 하면 전체 구성 요소 state가 setState다시 렌더링됩니다. props대부분 읽기 전용이며 업데이트하는 것은 의미가 없습니다. redux 저장소를 구독하는 반응 구성 요소에서, 같은 것을 통해 store.subscribe(render)저장소가 업데이트 될 때마다 분명히 …

94 reactjs  redux  react-redux 

나는 때때로 내가 재설정하고 싶은 개념적으로 상태 저장되는 반응 구성 요소를 가지고 있습니다. 이상적인 동작은 이전 구성 요소를 제거하고 새롭고 깨끗한 구성 요소를 읽는 것과 같습니다. React는 setState컴포넌트 자체의 명시 적 상태를 설정할 수 있는 방법 을 제공 하지만 브라우저 포커스 및 양식 상태와 같은 암시 적 상태를 제외하고 자식의 …

93 reactjs 

내가 틀렸다면 내가 알고 수정하는 한, redux-thunk 는 작업 자체에서 비동기 함수를 전달하고 값을 디버그하는 데 도움이되는 미들웨어이며, redux-promise를 사용할 때 내 자신을 구현하지 않고는 비동기 함수를 만들 수 없었습니다. 메커니즘은 일반 객체 만 디스패치하는 예외를 throw합니다. 이 두 패키지의 주요 차이점은 무엇입니까? 단일 페이지 반응 앱에서 두 패키지를 모두 …

93 reactjs  redux  redux-thunk  redux-promise 

나는 그것을 이해하기 위해 Redux의 할일 예제를 분리하고 있습니다. 나는 mapDispatchToProps디스패치 액션을 소품으로 매핑 할 수 있다는 것을 읽었 으므로 addTodo.jsdispatch (addTodo ())를 호출하는 대신 mapDispatchToProps를 사용하도록 다시 작성 하는 것을 생각했습니다 . 나는 그것을 불렀다 addingTodo(). 이 같은: import React from 'react'; import {connect} from 'react-redux'; import addTodo from …

93 javascript  reactjs  redux  react-redux 

bindActionCreators에 대한 Redux 문서는 다음과 같이 설명합니다. 에 대한 유일한 사용 사례 bindActionCreators는 Redux를 인식하지 않는 구성 요소에 일부 작업 생성자를 전달하고 디스패치 또는 Redux 저장소를 전달하지 않으려는 경우입니다. 예를 들면 무엇입니까? bindActionCreators사용 / 필요한 ? Redux를 인식하지 못하는 구성 요소 유형 합니까? 두 옵션의 장점 / 단점은 무엇입니까? //actionCreator …

93 reactjs  redux  react-redux 

매개 변수없이 function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> 매개 변수로 function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> 나는 event. 어떻게받을 수 있습니까?

93 javascript  reactjs  events  dom-events 

onClickCSS 속성을 변경하기 위해 활성 클래스 를 전환하는 방법을 알아 내려고 합니다. 나는 많은 접근 방식을 취했고 많은 답변을 읽었습니다. jquery를 사용하면 상대적으로 간단하지만 반응으로 이것을 할 수는 없습니다. 내 코드는 다음과 같습니다. 누구든지 내가 이것을 어떻게해야하는지 조언 할 수 있습니까? 각 항목에 대한 새 구성 요소를 만들지 않고도이 작업을 …

93 javascript  reactjs 

기본적으로 반응 구성 요소가 있으며 그 render()기능 본문은 다음과 같습니다. (현재 작동하지 않는다는 것을 의미하는 이상적인 구성 요소 입니다) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage /> else <OtherElement/> </div> ) }

93 reactjs 

Redux 대신 새로운 React Context API를 사용하여 새로운 앱을 개발 Redux중입니다. 예를 들어 사용자 목록 을 가져와야 할 때를 사용하여 단순히 componentDidMount내 작업을 호출 했지만 이제는 React Context를 사용하여 내 작업이 내부에 있습니다. 내 렌더링 함수 안에있는 내 소비자, 즉 내 렌더링 함수가 호출 될 때마다 내 사용자 목록을 가져 …

93 reactjs  react-context 

반응 앱을 만들 때 서비스 워커가 기본적으로 호출됩니다. 서비스 워커가 사용되는 이유는 무엇입니까? 기본 호출의 이유는 무엇입니까?

93 javascript  reactjs  service-worker 

이것은 내 프로젝트 : https://github.com/kenpeter/my_hak_news 의 직접 복사입니다 https://github.com/grigio/HAgnostic-News . Git clone https://github.com/kenpeter/my_hak_news 를 실행 한 다음react-native run-android 이 오류가 발생했습니다. * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed version; ignoring! …

93 android  reactjs  react-native 

에서 실제 앱만 볼 수 있습니다 /public. 의 구성 webpack.config.js은 다음과 같습니다. var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: …

93 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server 

지금 React를하고 있는데 조건부 스타일링을위한 "올바른"방법이 있는지 궁금합니다. 튜토리얼에서 그들은 style={{ textDecoration: completed ? 'line-through' : 'none' }} 인라인 스타일링을 사용하지 않는 것을 선호하므로 대신 클래스를 사용하여 조건부 스타일을 제어하고 싶습니다. React 사고 방식으로 어떻게 접근할까요? 아니면이 인라인 스타일링 방식을 사용해야합니까?

93 javascript  reactjs 

React에서 프로젝트를 진행 중이며 문제가 발생했습니다. 실행할 때마다이 yarn start오류가 발생합니다. TypeError [ERR_INVALID_ARG_TYPE] : "path"인수는 문자열 유형이어야합니다. 수신 유형 정의되지 않음 나는 왜 이런 일이 일어나고 있는지 전혀 모른다. 누군가가 이것을 경험했다면 나는 감사 할 것이다.

92 javascript  reactjs  redux  visual-studio-code  yarnpkg 

다음 문제의 원인은 무엇입니까? 내 Android SDK 버전이 지원되지 않습니까? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find Build Tools revision 23.0.1

92 javascript  android  reactjs  react-native