«redux» 태그된 질문

Redux로 마이그레이션하겠습니다. 내 응용 프로그램은 많은 부분 (페이지, 구성 요소)으로 구성되어 있으므로 많은 감속기를 만들고 싶습니다. Redux 예제는 내가 사용해야한다는 것을 보여줍니다.combineReducers() 하나의 감속기를 생성 데 . 또한 Redux 응용 프로그램에는 하나의 저장소가 있어야하며 응용 프로그램이 시작되면 만들어집니다. 상점을 만들 때 결합 감속기를 통과해야합니다. 응용 프로그램이 너무 크지 않은 경우 …

189 javascript  flux  redux  code-splitting 

폐쇄되었습니다 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 2 년 전 . 이 질문을 개선하십시오 React 16.3.0이 릴리스 되었으며 Context API는 더 이상 실험 기능이 아닙니다. Dan Abramov (Redux …

186 javascript  reactjs  redux  react-redux  react-context 

상태 트리의 일부를 localStorage에 유지하고 싶습니다. 적절한 장소는 무엇입니까? 감속기 또는 행동?

166 javascript  redux  local-storage  state 

React에서 구성 요소가 다시 렌더링되는 원인을 디버깅하는 체계적인 접근 방법이 있습니까? 간단한 console.log ()를 넣어 얼마나 많은 시간을 렌더링하는지 알 수 있지만 구성 요소가 여러 번 (4 번) 렌더링되는 원인을 파악하는 데 문제가 있습니다. 타임 라인 및 / 또는 모든 구성 요소 트리 렌더링 및 순서를 표시하는 도구가 있습니까?

156 reactjs  redux 

Google Adsense 애플리케이션 페이지의 예입니다. 메인 페이지 이전에 표시된 로딩 화면이 나타납니다. React와 동일한 작업을 수행하는 방법을 모르겠습니다 .React 구성 요소로 렌더링 된 로딩 화면을 만들면 DOM이 렌더링 될 때까지 기다려야하기 때문에 페이지가로드되는 동안 표시되지 않기 때문입니다. 업데이트 : 스크린 로더를 넣고 index.htmlReact componentDidMount()수명주기 방법으로 제거하여 접근 방식의 예를 만들었습니다 …

150 reactjs  asynchronous  redux 

Redux를 사용하고 있습니다. 내 감속기에서 다음과 같은 객체에서 속성을 제거하려고합니다. const state = { a: '1', b: '2', c: { x: '42', y: '43' }, } 그리고 원래 상태를 변경하지 않고 이와 같은 것을 원합니다. const newState = { a: '1', b: '2', c: { x: '42', }, } 나는 …

145 javascript  immutability  redux 

전체 코드는 여기 : https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 안녕하세요, 빌드 환경에 따라 데스크톱 및 모바일에 대해 서로 다른 템플릿을 표시하는 응용 프로그램이 있습니다. 모바일 템플릿의 탐색 메뉴를 숨겨야하는 곳에서 성공적으로 개발할 수 있습니다. 지금은 proptypes를 통해 모든 값을 가져 와서 올바르게 렌더링하는 하나의 테스트 사례를 작성할 수 있습니다 그러나 모바일에서 단위 테스트 사례를 …

142 reactjs  mocha  redux 

arr[]감속기의 redux 상태 배열 에 요소를 어떻게 추가 합니까? 나는 이것을하고있다. import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }

140 react-native  redux  react-redux 

반응 redux에서 구성 요소와 컨테이너의 차이점은 무엇입니까?

135 javascript  reactjs  redux 

클래스 내부에 구성 요소를 작성하는 대신 함수 구문을 대신 사용하고 싶습니다. 어떻게 오버라이드 (override) 할 componentDidMount, componentWillMount기능 구성 요소 내부에? 가능할까요? const grid = (props) => { console.log(props); let {skuRules} = props; const componentDidMount = () => { if(!props.fetched) { props.fetchRules(); } console.log('mount it!'); }; return( <Content title="Promotions" breadcrumbs={breadcrumbs} fetched={skuRules.fetched}> …

135 reactjs  redux 

내가 사용하고 돌아 오는-사가 . JS 생성기 함수가 때때로 내 머리를 망쳐 놓는 것을 제외하고는 지금까지 작성된 코드가 추론하기 쉽습니다. 내 이해에서 Redux-Observable 은 부작용을 처리하지만 생성기 기능을 사용하지 않고 비슷한 작업을 수행 할 수 있습니다. 그러나 Redux-Observable의 문서는 왜 Redux-Saga보다 우수한 지에 대한 많은 의견을 제공하지 않습니다. 발전기 기능을 …

133 javascript  redux  reactive-programming  redux-saga  redux-observable 

API 서버에서 토큰을 가져 오는 react / redux 애플리케이션이 있습니다. 사용자가 인증 한 후 모든 axios 요청이 작업의 모든 요청에 ​​수동으로 첨부 할 필요없이 해당 토큰을 Authorization 헤더로 갖도록 만들고 싶습니다. 나는 반응 / redux를 처음 접했으며 최선의 접근 방식을 확신하지 못하며 Google에서 품질 히트를 찾지 못했습니다. 내 redux 설정은 …

130 reactjs  redux  axios 

작성, 읽기, 업데이트 및 삭제에 사용되는 양식이 하나 있습니다. 같은 형식으로 3 개의 구성 요소를 만들었지 만 다른 소품을 전달합니다. CreateForm.js, ViewForm.js (삭제 버튼으로 읽기 전용) 및 UpdateForm.js가 있습니다. 예전에는 PHP로 작업 했었으므로 항상 한 가지 형태로 수행했습니다. 상점을 관리하기 위해 React와 Redux를 사용합니다. CreateForm 구성 요소에있을 때 하위 구성 …

128 javascript  reactjs  crud  redux 

저는 redux, react-redux 및 react로 작은 애플리케이션을 구축하는 javascript / redux / react 초보자입니다. 어떤 이유로 mapDispatchToProps 함수를 connect와 함께 사용할 때 (react-redux 바인딩) 결과 prop을 실행하려고 할 때 디스패치가 함수가 아님을 나타내는 TypeError를받습니다. 그러나 dispatch를 prop으로 호출하면 (제공된 코드의 setAddr 함수 참조) 작동합니다. redux 문서의 TODO 앱 예제에서 mapDispatchToProps …

124 javascript  reactjs  redux  react-redux 

saga 함수 내에서 redux 상태에 어떻게 액세스합니까? 짧은 답변: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

122 javascript  reactjs  redux  react-redux  redux-saga