«redux» 태그된 질문

상태 모양 디자인 장에서 문서는 ID로 키가 지정된 객체에 상태를 유지하도록 제안합니다. ID와 함께 저장된 개체의 모든 항목을 키로 유지하고 ID를 사용하여 다른 항목이나 목록에서 참조합니다. 그들은 상태로 이동 앱의 상태를 데이터베이스로 생각하십시오. 필터 목록에 대한 상태 모양을 작업 중이며 일부는 열리거나 (팝업에 표시됨) 옵션을 선택했습니다. "Think of the app …

94 javascript  redux  spread-syntax 

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

94 reactjs  redux  react-redux 

내가 틀렸다면 내가 알고 수정하는 한, 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 

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

92 javascript  reactjs  redux  visual-studio-code  yarnpkg 

Redux 문서의 첫 번째 원칙은 다음과 같습니다. 전체 응용 프로그램의 상태는 단일 저장소 내의 개체 트리에 저장됩니다. 그리고 실제로 모든 원리를 잘 이해하고 있다고 생각했습니다. 하지만 이제 응용 프로그램이 무엇을 의미하는지 혼란 스럽습니다. 응용 프로그램이 웹 사이트의 작은 복잡한 부분 중 하나를 의미하고 한 페이지에서 작동한다면 이해합니다. 하지만 애플리케이션이 전체 …

92 reactjs  redux  flux 

저는 Typescript, React 및 Redux (모두 Electron에서 실행 중)로 프로젝트를 진행 중이며 하나의 클래스 기반 구성 요소를 다른 구성 요소에 포함하고 이들 사이에 매개 변수를 전달하려고 할 때 문제가 발생했습니다. 느슨하게 말하면 컨테이너 구성 요소에 대해 다음과 같은 구조가 있습니다. class ContainerComponent extends React.Component<any,any> { .. render() { const { …

91 reactjs  typescript  redux  electron  jsx 

나는 일반적으로 스택에 코드 관련 내용을 게시하지만 이것은 커뮤니티의 일반적인 생각이 무엇인지에 대한 질문에 더 가깝습니다. 데이터 / 상태를 관리하기 위해 React와 함께 Redux를 사용하는 것을 옹호하는 많은 사람들이있는 것 같지만, 둘 다 읽고 배우는 동안 옳지 않은 것을 발견했습니다. Redux 이 페이지 하단 : http://redux.js.org/docs/basics/UsageWithReact.html (스토어 통과) React 'Context'의 …

90 javascript  reactjs  redux 

컨테이너 구성 요소에서 프레젠테이션 구성 요소를 분리하려고합니다. 나는 SitesTable및 SitesTableContainer. 컨테이너는 현재 사용자를 기반으로 적절한 사이트를 가져 오기 위해 redux 작업을 트리거하는 역할을합니다. 문제는 컨테이너 구성 요소가 처음에 렌더링 된 후 현재 사용자를 비동기 적으로 가져 오는 것입니다. 이 수단은 컨테이너 구성 요소는 자신의 코드를 다시 실행해야 함을 알고하지 않는 …

90 reactjs  redux  react-redux 

간단한 토글이 있다고 가정 해 보겠습니다. 버튼을 클릭하면 색상 구성 요소가 빨간색과 파란색으로 바뀝니다. 나는 이와 같은 일을함으로써이 결과를 얻을 수있다. index.js Button: onClick={()=>{dispatch(changeColor())}} Color: this.props.color ? blue : red container.js connect(mapStateToProps)(indexPage) action_creator.js function changeColor(){ return {type: 'CHANGE_COLOR'} } reducer.js switch(){ case 'CHANGE_COLOR': return {color: true} 그러나 이것은 jQuery, 일부 …

89 javascript  reactjs  redux 

다음 구문으로 문제를 파악하는 데 어려움을 겪고 있습니다. export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } }; 다음과 …

89 javascript  reactjs  async-await  redux 

나는 감속기가 있고 새로운 상태를 계산하기 위해서는 액션의 데이터 와이 감속기가 관리하지 않는 상태의 일부의 데이터가 필요합니다. 특히 아래에 표시 할 감속기에서 accountDetails.stateOfResidenceId필드에 대한 액세스 권한이 필요 합니다. initialState.js : export default { accountDetails: { stateOfResidenceId: '', accountType: '', accountNumber: '', product: '' }, forms: { blueprints: [ ] } …

88 javascript  reactjs  redux 

내 reducers. 그러나 브라우저에서 디버깅 할 때 내 작업이 올바르게 호출되었는지 그리고 그에 따라 상태가 수정되었는지 확인하고 싶습니다. 다음과 같은 것을 찾고 있습니다. window._redux.store ... 브라우저에서 콘솔에 입력하고 어떻게 진행되는지 확인할 수 있습니다. 어떻게 할 수 있습니까?

87 javascript  reactjs  redux 

나는 redux와 비동기를 배우는 간단한 앱을 만들고 있습니다. 나는 모든 것을 작동 시켰습니다. 이제 실제 상태를 웹 페이지에 표시하고 싶습니다. 이제 render 메서드에서 실제로 상점의 상태에 어떻게 액세스합니까? 다음은 내 코드입니다 (방금 배우기 때문에 모든 것이 한 페이지에 있습니다). const initialState = { fetching: false, fetched: false, items: [], error: …

86 javascript  asynchronous  reactjs  redux  react-redux