0
点赞
收藏
分享

微信扫一扫

Redux-一个最简单的redux demo

一条咸鱼的干货 2021-09-28 阅读 117

学习地址:

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(
      <div>
        <p>hello world</p>
      </div>
    )
  }
}
export default App;

执行结果:


举报

相关推荐

0 条评论