react redux 예제

그리고 마지막으로 우리는 우리의 redux 상점에 redux 사가를 와이어 수 있습니다. SRC/js/store/index.js를 열고 다음과 같이 저장소를 업데이트합니다. 당연히 React 구성 요소를 Redux 저장소와 연결합니다. 위의 예에서 초기 상태는 완전히 그대로 유지됩니다. 이전에 우리는 redux 사가가 포함하는 단일 파일이 될 수 있음을 보았다 : 여기에서 가장 중요한 개념은 redux의 상태가 감속기에서 온다는 것입니다. 분명히 하자: 감속기 응용 프로그램의 상태를 생성 합니다. 페이로드도 지정할 수 있습니다. 위의 예에서 페이로드는 새 문서입니다. 감속기는 나중에 아티클을 현재 상태에 추가합니다. 이제 우리는이 제품을 가지고, 그것에 CD를 다시 설치하고 redux 및 반응 – redux : 사이드 노트 : mapStateToProps가 양식 예제와 같이 없을 때 연결에 대한 첫 번째 인수는 null이어야합니다. 그렇지 않으면 TypeError: 디스패치가 함수가 아닙니다.

먼저 새로운 반응 응용 프로그램을 만들고, CD를 만들고 시작하자. 예를 들어, 연락처 목록은 응용 프로그램의 상태 조각일 수 있으며 해당 목록을 보유하는 완전히 유효한 (정적) 감속기일 수 있습니다: 구성 요소를 Redux Store와 연결하려면 react-redux 라이브러리에서 연결 함수를 가져와서 일부 파를 전달해야 합니다. 미터를 설명할 수 있습니다. 나는 많은 프로젝트에 React와 Redux를 사용하지만 실제 전문가를 이길 수는 없습니다. 예를 들어 마크 에릭슨이나 헨릭 조레테그 같은 사람들. 그들은 자신의 물건을 알고있다. 또한 redux 사가 일반 자바 스크립트 기능을 사용하지 않습니다. 당신은 당신의 사가에 별표와 수율을 많이 볼 수 있습니다. 이제 모든 유선, 그래서 목록의 연락처 중 하나를 클릭하는 것은 선택트리거한다접촉 작업 작성자, 그 rootReducer의 모든 감속기에 전달됩니다.

ActiveContactReducer는 action.payload 내부에 들어오는 선택된연락처로 설정하여 제어하는 상태(activeContact)를 변경하여 해당 작업에 반응하며, 이 경우 상태가 수정되고 다시 렌더링, 이.props.contact에 대 한 새 값을 갖는. Redux는 React 앱을 빌드하는 사실상의 방법이 되고 있습니다.