首页 > 其他 > 详细

Redux的基本用法

时间:2021-05-08 16:15:42      阅读:20      评论:0      收藏:0      [点我收藏+]

创建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

 

Redux的基本用法

原文:https://www.cnblogs.com/ljingjing/p/14744597.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!