React - 리 눅 스 실천

1510 단어

Redux 가 뭐 예요?

Redux javascript     ，            。      ：
- web        ，           。
-      ，         。

Redux 의 상태 용기 Store 는 모든 상태 데 이 터 를 저장 하고 있 으 며 모든 상 태 는 보기 와 일일이 대응 합 니 다.하나의 State 는 하나의 View 에 대응 하고 State 는 Store 에 저 장 됩 니 다.

View:     ， Action  State       。
ActionCreator：  View     ，     Action，  Action  [dispatch(action)] Store。
Store：   Action   [(prevState, action)] Reducer，  Reducer          View  。
Reducer：   Store     State      State，   Store。

전체 절차 에서 데이터 의 흐름 은 단 방향 으로 절차 의 뚜렷 함 을 확보 했다.

왜 Redux 를 써 야 합 니까?전단 에 대량의 불규칙 한 상호작용 과 비동기 작업 으로 인해 상태 유지 가 불편 하고 상태 에 대한 통 제 를 잃 게 되 었 다.Redux 는 모든 State 의 변 화 를 예측 할 수 있 고 응용 프로그램의 동작 과 상 태 를 통일 적 으로 관리 하려 고 합 니 다.

{ Provider, createProvider, connectAdvanced, connect } in react-redux
{ MemoryRouter, Prompt, Redirect, Route, Router, StaticRouter, Switch, matchPath, withRouter } in react-router
{ BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Prompt, Redirect, Route, Router, StaticRouter, Switch, matchPath, withRouter } in react-router-dom
{ ConnectedRouter, routerMiddleware } in react-router-redux
{ createStore, combineReducers, bindActionCreators, applyMiddleware, compose } in redux
{ historyAPI, push, replace, setState, go, goBack, goForward } in redux-router
{ routerStateReducer, ReduxRouter, reduxReactRouter, isActive, historyAPI, pushState, replaceState, setState, go, goBack, goForward } in redux-react-router

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

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

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

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

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

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다