使用redux传参时报错Expected `onClick` listener to be a function, instead got a value of `object` type.

最新推荐文章于 2023-04-29 17:37:04 发布
最新推荐文章于 2023-04-29 17:37:04 发布
阅读量5.6k 收藏 1
点赞数 1
分类专栏： react redux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GreyCastle/article/details/105518857
版权
react 同时被 2 个专栏收录
12 篇文章 1 订阅
订阅专栏
redux
6 篇文章 0 订阅
订阅专栏

描述：这个错误是在做react遇到的，如图

原因：

当使用redux时操作state通过传参的方式改变state。我们必须用下面的方法。

 

小灰灰城堡
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
redux.js详解及基本使用
10-16
Redux我们可以把它理解成一个状态管理器，可以把状态（数据）存在Redux中，以便增、删、改。这篇文章主要介绍了redux.js详解及基本使用,需要的朋友可以参考下
Expected onClick listener to be a function, instead got type object
06-20 2557
You need to remove the quotes.<li onClick={this.pageUp.bind(this)}>... In vanilla javascript you would probably have onclick="somefunctionname". But not in JSX, yo need to pass a functi...
React 代码运行中出现的报错信息
Sun_小杰杰哇
08-12 1411
报错信息 报错语句描述 Warning: Expected onClick listener to be a function, instead got a value of string type. 翻译：期望’ onClick ‘侦听器是一个函数，而不是得到一个’ string '类型的值。 错误代码 解决代码 说明 这种报错不会影响代码运行，但是在console中会提示有错误。建议解决报错。 后续未完,请继续关注,Thanks!☺ ...
C/C++常见gcc编译链接错误解决方法
热门推荐
lihuajie1003的专栏
08-12 1万+
除非明确说明，本文内容仅针对x86/x86_64的Linux开发环境，有朋友说baidu不到，开个贴记录一下（加粗字体是关键词）： 用“-Wl,-Bstatic”指定链接静态库，使用“-Wl,-Bdynamic”指定链接共享库，使用示例： -Wl,-Bstatic -lmysqlclient_r -lssl -lcrypto -Wl,-Bdynamic -lrt -Wl,-Bdynam
react-state状态
weixin_57218747的博客
05-30 299
react属性-state状态 一 对state的理解(20) 需要理解的概念有： 人->状态->行为与组件->状态->驱动视图之间的比较理解 通过查看this，确认实例对象的属性内容主要包括的部分 理解组件包括的三大核心属性：state、props、refs 理解响应式数据与普通数据之间的差异 <!-- 准备好一个容器 --> <div id="test"></div> <script type="text/bab
02_React面向组件编程（组件的使用和三大核心属性）
zyq的博客
04-29 459
案例 自定义组件点击按钮, 提示第一个输入框中的值点击按钮，切换天气当第2个输入框失去焦点时, 提示这个输入框中的值。
cesium解决报错“Expected listener to be typeof function, actual typeof was undefined“
专注GIS开发
04-22 2863
cesium解决报错"Expected listener to be typeof function, actual typeof was undefined"
javascript错误_您可能会犯的javascript错误
weixin_26735419的博客
10-10 332
javascript错误Today I am going to talk about common mistakes you may be making in your Javascript project.今天，我将讨论您在Javascript项目中可能犯的常见错误。 Javascript is one of the most popular language in the world but ...
Redux源码解析(部分)
qq_41453709的博客
12-08 904
相信用过React的小伙伴对于Redux一定不陌生，A Predictable State Container for JS Apps，这是官方文档对于Redux的定义，即一款适用于JS Apps的可预测的状态管理容器，简单来讲，Redux就是用来存放一些我们在项目中不同组件都需要使用的一些公共数据，并且通过Redux内置的方法在不同组件中去修改或者读取这些公共数据，并且实际上Redux和React并不是一种绑定的形式，也就是说Redux是一个通用的解决方案，不受制于框架类型的限制，只不过通常我们在使用Vu
jQ1.5源码注释以及解读RE
weixin_35771144的博客
01-10 247
　　jQ作为javascript的库( ▼-▼ ), 尽善尽美, 代码优美, 值得学习。 这一周平常上班没啥事也看jQ1.5的代码, 今天周六差不多看完了(Sizzle部分还没看), 重新看了一下, 又有很多新东西; 　　相对与1.4版本的ajax部分, 整个进行了重写, 实在是坑爹, 现在还有很多没弄懂, ajax可以非常简单地： var xhr = new XMLHttpReque...
redux-tutorial-how-to-setup-redux:Redux教程
05-06
该项目是通过引导的。可用脚本在项目目录中，可以运行：yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。...
Developing.a.Redux.Edge.B01KL5RJHU
08-29
This book is for anyone wanting to learn about Redux, a predictable state container for JavaScript apps. It is aimed at intermediate developers who have a good understanding of creating single page ...
show.react.redux.crud:CRUD应用程序使用React Redux
05-20
show.react.redux.crud 简单的CRUD界面，带有来自jsonplaceholder.typicode.com的加载数据 工具：React.js，Redux，Bootstrap，Express，Heroku 演示： ： React自述文件 该项目是通过引导的。 测试任务使用...
redux-alita:极简，高效的redux工具；a small and easy tool for react to do something with redux
04-29
什么是redux-alita? redux-alita是一个封装了react + redux 操作的极简的工具插件，你可以用它来提升日常的开发效率。 为什么叫alita？卡导的《Alita》得名。本插件和她的特点一样，精致，迅捷，简单，（开发）速度...
react事件系统之事件触发
weixin_34303897的博客
06-20 1726
NodeNote，持续更新中react相关库源码浅析， react ts3 项目 概述，背景 <div id="app"></div> <div onclick="alert(1)">原生</div> class APP extends React.Component{ render(){ return ( ...
Web全栈开发学习笔记—Part1 React入门—d.深入React 应用调试
旭日东歌
12-29 227
Complex state 【复杂状态】 之前的示例，应用状态很简单，因为它仅由单个整数组成。 如果需要一个更复杂的状态，最简单和最好的方法是多次使用 useState 函数来创建单独的状态“片段”。 在下面的代码中，我们为应用创建了两个名为 left 和 right 的初始值为0的状态: const App = () => { const [left, setLeft] = useState(0) const [right, setRight] = useState(0) r
could not find react-redux context value; please ensure the component is wrapped in a <Provider>
最新发布
06-03
这个错误通常出现在使用React-Redux的时候，意味着你的组件没有被包裹在Provider中，因此无法找到React-Redux的context值。要解决这个问题，你需要在组件的父组件中使用Provider将store传递给你的组件。示例代码如下： ```jsx import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import store from './store'; import App from './App'; ReactDOM.render( <Provider store={store}> <App /> </Provider>, document.getElementById('root') ); ``` 在这个例子中，我们使用Provider将store传递给App组件，这样App组件以及它的子组件就可以访问到store中的数据了。记得在你的代码中引入Provider和store，以及将根组件传递给ReactDOM.render()方法。希望这个回答能够解决你的问题！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值