React-Redux 中文文檔

MobService 發布于2019-08-26 13:22 / 4146人閱讀

摘要：介紹快速開始是的官方綁定庫。通常你可以以下面這種方式調用方法基礎教程為了進一步了解如何實際使用，我們將一步一步創建一個一個實例跳轉到

介紹 快速開始

React-Redux是Redux的官方React綁定庫。它能夠使你的React組件從Redux store中讀取數據，并且向store分發actions以更新數據

安裝

在你的React app中使用React-Redux：

npm install --save react-redux

或者

yarn add react-redux

Provider和connect

React-Redux 提供組件，能夠使你的整個app訪問到Redux store中的數據：

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(
  
    
  ,
  rootElement
);

React-Redux提供一個connect方法能夠讓你把組件和store連接起來。

通常你可以以下面這種方式調用connect方法：

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);

基礎教程

為了進一步了解如何實際使用React-Redux，我們將一步一步創建一個todo listapp

一個Todo List實例

跳轉到：

云服務器 GPU云服務器中文文檔 webrtc中文文檔 docker中文文檔 linux文檔中文

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108698.html

react+react-router+react-redux全家桶小項目開發過程分享

摘要：項目地址下載完項目然后即可基于的項目，主要是為了學習實戰。數據都是固定的，從餓了么接口臨時抓的，模擬了一個的異步數據延遲，感謝餓了么。詳細信息可以看上面的官方文檔，我這里就簡單說一下我這個項目的應用。 react-ele-webapp 項目地址：https://github.com/kliuj/reac... run 下載完項目npm install然后npm run dev 即可 ...

zzir 2019-08-20 15:11 評論0 收藏0
對React-redux中connect方法的理解

摘要：應用中唯一的狀態應用的子組件例子方法來看下函數到底是如何將和組件聯系在一起的，注意到文檔中有這樣的一句話并不會改變它連接的組件，而是提供一個經過包裹的組件。關于React-redux Redux是React全家桶的重要一員，之前在知乎上也看到類似的提問：該如何通俗易懂的理解Redux? Redux是JavaScript的狀態容器，Redux的概念簡單明了： 1. 應用中所有的狀...

Bryan 2019-08-20 18:25 評論0 收藏0
React項目實戰：環境搭建

摘要：官方文檔中文翻譯構建用戶界面的庫。官方文檔建議學習時以官方文檔為準，中文翻譯或者第三方作者的教程可以幫助你理清思路會用到的重要知識點我也會進行簡明的解釋，如遇到錯誤或者不理解的內容，歡迎實時指出。前言前面提到前端大統一的概念，如果感興趣，歡迎說說自己的看法，點擊前往。Web前端框架層出不窮，不可能面面俱到，這里給個小建議：如果對Weex App感興趣，應該選擇vue框架；如果...

cnio 2019-08-21 17:47 評論0 收藏0
React項目實戰：環境搭建

摘要：官方文檔中文翻譯構建用戶界面的庫。官方文檔建議學習時以官方文檔為準，中文翻譯或者第三方作者的教程可以幫助你理清思路會用到的重要知識點我也會進行簡明的解釋，如遇到錯誤或者不理解的內容，歡迎實時指出。前言前面提到前端大統一的概念，如果感興趣，歡迎說說自己的看法，點擊前往。Web前端框架層出不窮，不可能面面俱到，這里給個小建議：如果對Weex App感興趣，應該選擇vue框架；如果...

GHOST_349178 2019-08-01 18:04 評論0 收藏0
React與Redux整合技術簡介

摘要：展示組件與容器組件的綁定庫的基本開發思想是展示組件與容器組件相分離。技術上講，容器組件就是使用從樹中讀取部分數據，并通過來把這些數據提供給要渲染的組件。說明：閱讀本篇文章需要對Redux有一定的了解，對Redux不了解的同學可先看看這篇文章Redux技術架構簡介（一） 1. React中引入react-redux 為了讓Redux和React更好的配合，Facebook專門開發了一個...

idealcn 2019-08-22 17:20 評論0 收藏0