首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

./src/productsection.js尝试导入错误:'bindActionCreaters‘未从'redux’中导出

在这个问题中,你尝试导入错误的内容是'bindActionCreaters'未从'redux'中导出。'bindActionCreators'是一个Redux库中的函数,用于将action creators绑定到dispatch函数上,以便在应用程序中触发action。在这种情况下,你可能拼写错误或者在Redux库中没有导出该函数。

要解决这个问题,你可以采取以下步骤:

  1. 确保你已经正确安装了Redux库。你可以通过运行npm install redux来安装Redux库。
  2. 确保你在导入Redux库时使用了正确的语法。正确的导入语法应该是:
  3. 确保你在导入Redux库时使用了正确的语法。正确的导入语法应该是:
  4. 检查你的拼写是否正确。确保你没有将bindActionCreators拼写为bindActionCreaters

如果你仍然遇到问题,可以参考Redux官方文档或者在相关的开发社区中寻求帮助。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Taro 小程序开发大型实战(四):使用 Hooks 版的 Redux 实现应用状态管理(上篇)

好的,复习了一下 Redux 的概念之后,我们马上来创建 Store,Redux 的最佳实践推荐我们在将 Store 保存在 store 文件夹,我们在 src 文件夹下面创建 store 文件夹,并在其中创建.../user.js 和 src/reducers/post.js 中导入需要使用的常量时都是从 ...../constants 的形式,那是因为我们在 src/constants 文件夹下创建了一个 index.js 文件,用于统一导出所有的常量,这也是代码可维护性的一种尝试。...combineReducers 函数并导出,通过 combineReducers 将逻辑进行组合并导出为 rootReducer 作为参数在我们的 src/store/index.js 的 createStore...•接着我们从 Redux 对应的 Taro 绑定库 @tarojs/redux导出 Provider,它架设起 Redux 和 React 交流的桥梁。

2.2K21
  • Redux与前端表格施展“组合拳”,实现大屏展示应用的交互增强

    客户的需求顺利完成,但是在演示时,你很可能又会听到客户说出的下面的需求: “能支持Excel数据的导入导出吗?”...下面我们为应用加入Excel导入导出功能 导出为Excel文件 将 Excel 导入导出功能添加到工作表很容易。首先,在界面上添加相关的文件输入框和按钮。...,其中@grapecity/spread-excelio是SpreadJS中用于导入导出Excel的包。...extractSheetData 函数可以在 src/util.util.js 文件中找到,用于 解析Excel的数据。...数据不符时,也可以尝试给客户一个提示信息。 Excel导入导出效果 最终的项目可以参考下面的附件 https://gcdn.grapecity.com.cn/forum.php?

    1.6K30

    Taro 小程序开发大型实战(六):尝鲜微信小程序云(上篇)

    SET_IS_OPENED:设置登录框开启/关闭的信息 我们还从 redux-saga/effects 包中导入了必要的函数: call:在 saga 函数调用其他异步/同步函数,获取结果 put:...登录逻辑是一个 try/catch 语句,用于捕捉可能存在的请求错误,在 try 代码块,我们使用了 Taro 为我们提供的微信小程序云的云函数 API Taro.cloud.callFunction...如果调用失败,则打印错误。...最后我们定义了一个 userApi 对象,用于存放所有和用户逻辑有个的函数,并添加 login API 属性然后将其导出,这样在 user saga 函数里面就可以导入 userApi 然后通过 userApi.login...创建 API 默认导出文件 我们创建了 src/api/user.js 文件,我们需要建立一个统一的导出所有 API 文件的默认文件,方便统一分发所有的 API,在 src/api 文件夹下建立 index.js

    2.2K20

    Taro 小程序开发大型实战(七):尝鲜微信小程序云(下篇)

    最后我们定义了一个 postApi 对象,用于存放所有和用户逻辑有个的函数,并添加 createPost API 属性然后将其导出,这样在 post saga 函数里面就可以导入 postApi 然后通过...在 API 默认文件统一导出src/api/index.js 文件中导入上面创建的 postApi 并进行统一导出如下: import postApi from '....除此之外我们还导入了需要使用的 action 常量: GET_POSTS:响应获取帖子列表的 ACTION 常量,我们将在 “第三剑” 创建它。...最后我们在已经定义好的 postApi 对象里,添加 getPosts API 属性然后将其导出,这样在 post saga 函数里面就可以导入 postApi 然后通过 postApi. getPosts...最后我们在已经定义好的 postApi 对象里,添加 getPost API 属性然后将其导出,这样在 post saga 函数里面就可以导入 postApi 然后通过 postApi. getPost

    2.6K10

    React组件设计实践总结02 - 组件的组织

    export vs default export 这两种导出方式都有各自的适用场景,这里不应该一棒子打死就不使用某种导出方式....例如 react 导出的是一个 React 对象; LoginPage 导出的是一个登录页面; somg.png 导入的是一张图片. 这类模块总有一个确定的’主体对象’....当你在不清楚当前文件的目录上下文时, 你不知道具体模块在哪; 即使你知道当前文件的位置, 你也需要跟随导入路径在目录树向上追溯在能定位到具体模块. 所以这种相对路径是比较反人类的....可以尝试将相对路径转换成绝对路径形式, 例如webpack可以配置resolve.alias属性来实现: ... resolve: { ......alias: { // 可以直接使用~访问相对于src目录的模块 // 如 ~/components/Button '~': context, }, } 现在我们可以这样子导入相对于

    1.9K31

    这些 ECMAScript 模块知识,都是我需要知道的

    多年来,人们对这方面的规范进行了很多尝试,导致现在有多种模块化的方式。 你可能听说过AMD模块,UMD,或CommonJS,这些没有孰优孰劣。...假设我们的项目文件夹中有一个名为utils.js的文件,我们可以将这个模块提供的对象导入到另一个文件。 如何从 ES模块 导入 假设我们在项目文中还有一个Consumer.js的文件。...如果我们要导入 utils.js 的默认导出也就是 funcB 方法,我们可以这样做: // consumer.js import { funcA } from "....从远程模块导入: import { createStore } from "https://unpkg.com/redux@4.0.5/es/redux.mjs"; const store = createStore... 再考虑一个带有两个导出的JavaScript模块 // util.js export

    50720

    全面认识ECMAScript模块

    在高度碎片化的JavaScript模块场景,它终于成为了标准。 在2015年之前,JavaScript还没有一个标准的代码重用机制。这方面曾有过很多标准化的尝试,导致这些年乱七八糟的碎片化。...这意味着我们现在可以在Node.js中使用导入导出,而无需任何额外的命令行标志。 在ECMAScript模块在任何JavaScript环境普遍工作之前,还有很长的路要走,但方向是正确的。...; } 我们这里有两个导出。 第一个是一个命名的导出,后面是一个默认的导出,表示为导出默认。 假设我们的项目文件夹住着这个名为utils.js的文件,我们可以在另一个文件中导入这个模块提供的对象。.../util.js"; 如果我们想在一个文件同时导入默认导出和命名导出,我们可以将其压缩为: // consumer.js import funcB, { funcA } from ".... 也可以考虑用几个导出的JavaScript模块。

    53330

    Taro 小程序开发大型实战(五):使用 Hooks 版的 Redux 实现应用状态管理(下篇)

    是的接下来,我们要重构 “我的" tab 页面的下半部分组件 src/components/Footer/index.js 我们遵循自顶向下的方式来重构,首先是 src/components/Logout...可以看到,我们上面的文件主要有五处改动: 首先我们从 @tarojs/taro 里面导出 useState Hooks。...最后,我们从 @tarojs/redux导入 useDispatch Hooks,并在组件调用成我们需要的 dispatch 函数,接着我们在 handleLogout 函数中去 dispatch...接着进行数据验证,不合要求的数据就会被驳回并显示错误(其实这里应该显示警告 warning,当时写代码时石乐志?)。...接着我们导入并使用 useSelector Hooks 获取了保存在 Redux store 的 posts 属性,然后使用上一步获取到的 postId,来获取我们最终要渲染的 post 属性。

    2K30

    你想要的——redux源码分析

    大家好,今天给大家带来的是redux(v3.6.0)的源码分析~首先是redux的github接下来我们看看redux在项目中的简单使用,一般我们都从最简单的开始入手哈备注:例子结合的是react进行使用...from 'react-dom'// 首先我们必须先导入redux的createStore方法,用于创建store// 导入applyMiddleware方法,用于使用中间件import { createStore..., applyMiddleware } from 'redux'import { Provider } from 'react-redux'// 导入redux的中间件thunkimport thunk...from 'redux-thunk'// 导入redux的中间件createLoggerimport { createLogger } from 'redux-logger'// 我们还必须自己定义reducer...redux的combineReducers方法import { combineReducers } from 'redux'// 导入actions,这个非必须,但是推荐这么做import { SELECT_REDDIT

    17610

    Redux 包教包会(二):趁热打铁,重拾初心

    redux-quickstart-tutorial git checkout second-part npm install && npm start 此时如果你在浏览器里面尝试查看这个待办事项小应用,...删除无用代码 当我们通过以上三步整合了 Redux 的内容之后,我们就可以删除原 App.js 不必要的代码了,修改后的 src/components/App.js 内容如下: // ......删除无用代码 当我们通过以上三步整合了 Redux 的内容之后,我们就可以删除原 App.js 不必要的代码了,打开 src/components/App.js 修改内容如下: // ....../index.js 定义的 rootReducer,转而使用了从 src/reducers/index.js 导出的 rootReducer。...根据 Redux 的最佳实践,容器组件一般保存在 containers 文件夹,我们在 src 文件夹下建立一个 containers 文件夹,然后在里面新建 VisibleTodoList.js 文件

    2.3K40

    基于eos的Dapp开发--元素战争(三)

    --合约的名字 接下来让我们尝试创建一个服务端组件,命名为ApiService,这个服务组件将会让前端和智能合约联系起来。...action一般都是存储在Redux的一个普通的JavaScript对象,在本教程我们只需定义一个action,我们称之为SET_USER,对应到我们上一节内容的多索引表存储的数据,在frontend...在 Redux 应用,所有的 state 都被保存在一个单一对象。建议在写代码前先想一下这个对象的结构。如何才能以最简的形式把应用的 state 用对象描述出来。...这个函数将会针对store的每一个用户生成一个新的对象,开发者尽量不要直接修改Redux的store。...utility工具combinedReducers导出UserReducer,在frontend/src/reducers/index.js.可以找到,当然我们也可以在以后的开发过程扩展添加更多的reducer

    90330

    Redux 做状态管理,真的很简单🦆!

    可调试: Redux DevTools 让你 轻松追踪 到 应用的状态在何时、何处以及如何改变。Redux 的架构会记下每一次改变,借助于 "时间旅行调试",你甚至可以把完整的错误报告发送给服务器。.../src/store 下的文件结构如下: . ├── index.ts // store 实例,导出 state 和 dispatch 类型 └── reducers // 集合所有的 reducer...Store 的状态(state)类型 export type RootState = ReturnType; // 导出更改状态的 Dispatch.../src/index.tsx 添加如下: import React from "react"; import ReactDOM from "react-dom"; import { Provider...提供的 useSelector() 和 useDispatch() 可以在我们自定义的 Counter 组件消费 counter 状态(数据) //文件位置:src/pages/counter/index.tsx

    3.4K40

    ReactJS学习(二)

    Redux Redux 是 JavaScript 状态容器,提供可预测化的状态管理。Redux可以让React组件状态共享变得简单。...Ant Design of React 阿里开源的基于React的企业级后台产品,其中集成了多种框架,包含了上面提到的Flux、Redux。...创建工程: 输入命令,进行初始化: tyarn init -y 初始化完成: 在命令输入如下命令: tyarn add umi --dev #项目中添加umi的依赖 可以看到,相关的依赖已经导入进来了...在umi,约定的目录结构如下: 在config.js文件输入以下内存,以便后面使用: //导出一个对象,暂时设置为空对象,后面再填充内容 export default {}; 第二步,创建HelloWorld.js...页面文件 在umi,约定存放页面代码的文件夹是在src/pages,可以通过singular:false来设置单数的命名方式,我们采用默认即可。

    4.1K10

    webpack 的核心概念和构建流程

    babel-loader:把es6转成es5; css-loader:加载css,支持模块化,压缩,文件导入等特性; style-loader:把css代码注入到js,通过dom操作去加载css; eslint-loader...最常见的react体系: 先抽出基础库react react-dom redux react-redux到一个单独的文件而不是和其它文件放在一起打包为一个文件,这样做的好处是只要你不升级他们的版本这个文件永远不会被刷新...'; // redux基础 import 'redux'; import 'redux-thunk'; // webpack配置 { entry: { vendor: '....5.fis3迁移到webpack fis3和webpack有很多相似地方也有不同的地方,相似地方:都采用commonjs规范,不同地方:导入css这些非js资源的方式。...this.failCallback(err); }); } } module.exports = EndWebpackPlugin; loader的入口需要导出一个

    80120
    领券