>웹 프론트엔드 >JS 튜토리얼 >리액트 리덕스란 무엇인가요?

리액트 리덕스란 무엇인가요?

藏色散人
藏色散人원래의
2019-04-29 15:58:235428검색

React-Redux는 Redux용 공식 React 바인딩 라이브러리입니다. 이를 통해 React 구성 요소가 Redux 저장소에서 데이터를 읽고 작업을 저장소에 전달하여 데이터를 업데이트할 수 있습니다.

리액트 리덕스란 무엇인가요?

Install

React 앱에서 React-Redux 사용:

npm install --save react-redux

또는

yarn add react-redux

간단히 말하면, React-redux는 Provider와 connect라는 두 가지 핵심 메서드만 있는 경량 캡슐화 라이브러리입니다.

React-Redux는 전체 앱이 Redux 저장소의 데이터에 액세스할 수 있도록 하는 033de7db1b23dc23756a29338cfed1b2 구성 요소를 제공합니다.

import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import store from "./store";
import App from "./App";
const rootElement = document.getElementById("root");
ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  rootElement
);

React-Redux는 구성 요소를 저장소에 연결할 수 있는 연결 방법을 제공합니다.

일반적으로 다음과 같은 방법으로 연결 메소드를 호출할 수 있습니다:

import { connect } from "react-redux";
import { increment, decrement, reset } from "./actionCreators";
// const Counter = ...
const mapStateToProps = (state /*, ownProps*/) => {
  return {
    counter: state.counter
  };
};
const mapDispatchToProps = { increment, decrement, reset };
export default connect(
  mapStateToProps,
  mapDispatchToProps
)(Counter);

관련 권장사항: "javascript tutorial"

위 내용은 리액트 리덕스란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.