react没有组件的文件时获取redux中的数据

举例 比如我们想在配置文件中获取redux,这时候普通的方法就不奏效了,
这时候我们可以在config.js中引入 store,

import store from './../redux/store';
console.log(store)

打印出来可以看到 store中有多个内置方法,
在这里插入图片描述
查看官方的api
http://cn.redux.js.org/docs/api/Store.html

可以一个个去了解这些方法,通过store可以全局监听state的改变,getState获取store中的值,dispatch改变相应的值,

console.log(store.getState());

打印结果可以看到能正常取出store中的初始值

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在一个完整的基础项目,除了reactreact-dom两个框架之外,通常还包含reduxreact-reduxreact-router等等。这些框架和库都是用来帮助我们构建和管理React应用程序的。 在一个简单的基础项目,它的目录结构可能会有所不同。脚手架工具create-react-app会自动生成一个项目结构,并隐藏所有的webpack相关配置文件,因此在项目文件可能找不到任何webpack配置文件。这样做的目的是为了保持项目的"优雅",同也使得在webpack安装自定义的loader或plugin变得困难。 create-react-app自动生成的webpack集成了一些常用的功能和插件,例如eslint(代码检测)、url-loader(图片BASE64)、babel-loader(ES6和JSX语法解析)、style-loader、css-loader(CSS代码解析)、HtmlWebpackPlugin(HTML插件)等等。 在简单的基础项目,可能仅安装了最常用的reactreact-dom组件,其他的一些库和框架则根据需要进行安装,比如reduxreact-reduxreact-router-dom等。 在React-Redux,所有的组件被分为两类:UI组件(presentational component)和容器组件(container component)。UI组件通常只负责展示数据和处理用户事件,而容器组件则负责与Redux进行交互,获取数据和调度动作。 所以,一个React项目的目录结构可能包含以下内容:组件文件夹、Redux文件夹、路由文件夹、样式文件夹等等,具体的目录结构根据项目的规模和需求而定。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值