redux学习记录

$ npm i redux --save

import { createStore } from 'redux'

const defaultState = {
 list:[
 '早8点开晨会，分配今天的开发工作',
 '早9点和项目经理作开发需求讨论会',
 '晚5:30对今日代码进行review'
 ]
}
export default (state=defaultState,action)=>{
 return state
}

import reducer from './reducer'

const store = createStore(reducer)
export default store;

import store from './store'

console.log(store.getState())

test(){
 const action = {
	type:"getItem"
}

store.dispatch(action)

export default(state=defaultState ,action){
 // 在reducer中只能接收state但不能改变 （只读）,所以用newState 进行拷贝。
	let newState = state
 if(action.type === "getItem'' ){
 //模拟添加一条
 newState.list.push(newState.inputVal)
 //返回 newState其实就是实现仓库数据的更新
 return newState
}
}

class TodoList extends Component {
 constructor(){
 super()
 this.state = store.getState()
 this.storeChange = this.storeChange.bind(this)
 //订阅Redux的状态 改变仓库的状态
 store.subscribe(this.storeChange)
 }

 storeChange(){
 // 需要使用this.setState()
 // getState是store的固定函数 获取状态
 this.setState(store.getState())
 }

export const GET_ITEM = 'getItem'

import {GET_ITEM } from './store/actionType'

import {CHANGE_INPUT,ADD_VALUE,DEAL_ITEM} from './actionType'
 const changeInputAction = (value)=>({
 type:CHANGE_INPUT,
 value:value
 })
const addValue = () =>({
 type:ADD_VALUE,
})
const dealItem = (index) =>({
 type:DEAL_ITEM,
 index:index
})
export {
 changeInputAction,
 addValue,
 dealItem
}