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】

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Redux Toolkit 사용!

최근에 처음으로 Redux Toolkit을 사용해 봤습니다! 우선 Redux가 무엇인지 미리 기재해 두세요. state를 업데이트할 때 디스패치 함수를 사용하여 액션을 Reducter에 보내고 액션의 type에 따라...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

Redux와 React의 관계 설명

좋은 웹페이지 즐겨찾기