React中Redux基本用法（创建store和组件取store中的值）

一、目录结构

src|
store|
index.js
reducer.js
Home.js

二、index.js:

import { createStore } from 'redux';

import reducer from './reducer';

const store = createStore(reducer);

export default store;

三、reducer.js

let dataState = {
str:"==这是仓库中的数据=="
}
export default (state=dataState,action)=>{
return state;
}

三、在组件中使用store的数据，Home.js:

1.
import store from './store'

2.
constructor(props){
super(props);
this.state = store.getState();
}
3.
render () {
return (
<div>
<h1>数据：{this.state.str}</h1>
</div>
)
}