react简书项目学习笔记17创建redux中的store

1.npm install redux --save
2.新建store文件夹,在该文件夹下新建Index.js
创建store

使用redux里的createStore方法
import { createStore } from 'redux';
import reducer from './reducer';
const store = createStore(reducer);
export default store;

把reducer传到store中

const defaultState = {
  inputValue: '123',
  list: [1, 2]
}
export default (state = defaultState, action) => {
  return state;
}

**在相关项目文件中引入store

import store from './store';
  constructor(props) {
    super(props);
    this.state = store.getState();
  }

PS:建议利用react-redux管理redux,**标记步骤如下写

把provider放在最外层,传值store,则所有组件都可以拿到store中的数据

import { Provider } from 'react-redux';
import store from './store';
class App extends Component {
  render() {
    return (          
        <Provider store={store}>
        <Header></Header>
        </Provider>     
    );
  }
}

关于react-redux详细使用续看文章
**react简书项目学习笔记26使用react-redux

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值