Redux와 React의 관계 설명

Redux와 React는 반전의 관계가 없지만 둘이 잘 결합할 수 있는 이유는 무엇일까?React-View층의 구성 요소화 Redux-DataModel 처리에 주목하기 때문에 괜찮습니다.Redux가 발생한 원인: 전방 페이지에서 많은 데이터를 처리할 수 있다. 모든 데이터는 다른 데이터의 변화를 일으킬 수 있고 데이터 업데이트가 View를 업데이트할 때마다 혼란스러운 상태가 발생하기 때문에 Redux가 생겼다.레드ux의 원리: 혼란의 상태를 바로잡기 위해서라면 혼란을 어떻게 바로잡을까?중앙집권아.맞아요!Redux는 중앙 집권입니다. 모든 데이터 처리와view 업데이트는 제가 합니다!레드ux를 정확하게 대하는 방법은 그것을 블랙박스로 간주하는 것이다. 상태(데이터) 입력==='블랙박스=== '새로운 상태(새로운 데이터) 출력은 학습의 함수와 비슷하지 않습니까? new=f(old) 그렇습니다!세 가지 중요한 원칙은 하나의store,state는 액션으로만 바꿀 수 있고 디스패치는 홈페이지의 간단한 예를 들어 설명할 수 있다.

import { createStore } from 'redux'
// 
function todos(state = [], action) {
  switch (action.type) {
    case 'ADD_TODO':
      return state.concat([ action.text ])
    default:
      return state
  }
}
// store ， ， switch/case state， todos 
let store = createStore(todos, [ 'Use Redux' ])
// ， view， React ？ 
store.subscribe(() =>
  console.log(store.getState())
);
// 
store.dispatch({
  type: 'ADD_TODO',
  text: 'Read the docs'
})
【 ：Use Redux Read the docs】