1.在react底下安裝環(huán)境
Image.png
Image.png
2.新建一個文件夾
Image.png
3.配置入口文件redux:staticRoot+'/redux/app'
Image.png
4.在APP.js里毅人，如何把store放到react里面運行
Image.png
Image.png
Image.png
把這兩個方法注釋掉
Image.png
類里面構(gòu)造器的概念：
Image.png
把所有函數(shù)接收過來再原封不動的傳給構(gòu)造器
Image.png
開始寫數(shù)據(jù)：
//使用es6 class 去寫組件時译秦，對狀態(tài)的數(shù)據(jù)賦值默認(rèn)值
Image.png
在按鈕上加上一個事件
Image.png
匿名函數(shù)導(dǎo)致函數(shù)傳過去就是空的
所以饱搏，用什么？
傳過去是add的行為勋又；
點擊按鈕觸發(fā)行為玄柏，觸發(fā)數(shù)據(jù)畸写，去store里面拿到新的數(shù)據(jù)，調(diào)用一次傳一個行為
MVC的架構(gòu)思想：
包裝組件腊敲，包裝store击喂；
import { createClass, PropTypes } from 'react';
// React createClass
const AppComponent = createClass ({
//設(shè)置 props 數(shù)據(jù)類型
propTypes : {
value: PropTypes.number.isRequired,
onIncreaseClick: PropTypes.func.isRequired
},
render : function() {
const { value, onIncreaseClick } = this.props;
return (
<div>
<span>{ value }</span>
<button onClick={ onIncreaseClick }> Click </button>
</div>
);
}
});
export { AppComponent };
自己封裝一個onclick放在組件里面；
結(jié)構(gòu)賦值可以把頁面打開碰辅，就能運行起來了
觸發(fā)方法的行為
Image.png
百度云鏈接
鏈接: http://pan.baidu.com/s/1bpGEhJp 密碼: 4iqc
鏈接: http://pan.baidu.com/s/1bpGEhJp 密碼: 4iqc
