Redux-一个最简单的redux demo

学习地址：

Redux 中文文档

redux-saga

文件目录结构：

创建一个store文件夹，里面有个index， index.js code：
在store中将reducer注入。

import {createStore} from 'redux'
import reducer from './reducer'

// reducer 注入
const store = createStore(
    reducer,
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
    );
export default store;

reducer.js code：
reducer就是暴露出一个方法出去。

const defaultState = {
    value : 'write....',
    list: [
        'hello',
        'world',
        'nihao'
    ]
}
export default (state = defaultState, action) => {
    return state
}

APP.js代码：

class App extends Component {
  constructor(props)
  {
    super(props);
    console.log(store.getState());    
  }

  render(){
    return(
      

        
hello world
      
    )
  }
}
export default App;

执行结果：