Redux的基本用法

创建store和组件取store中的值

目录结构

index.js

import { createStore } from 'redux';
import reducer from './reducer';
const store = createStore(reducer);
export default store;

reducer.js

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

其他页面中（组件）取store的值

import React, { Component } from 'react'
import Header from '../../components/header'
import './home.styl'

import  store from '../../store'
class Home extends Component {
    constructor(props){
        super(props);
        this.state = store.getState();
    }
    render() {
        return (
            <div className="P-home">
                <Header />
                <h1>Home page</h1>
                <h1>数据：{this.state.str}</h1>
            </div>
        )
    }
}

export default Home