如何解决Uncaught TypeError: this.setState is not a function

最新推荐文章于 2024-07-11 15:44:37 发布
最新推荐文章于 2024-07-11 15:44:37 发布
阅读量6.3k 收藏 2
点赞数 3
分类专栏： Web前端 文章标签： react this setState
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdn_haow/article/details/56677161
版权

如何解决Uncaught TypeError: this.setState is not a function？

解决办法：在执行this.setState这条语句时的上一层函数末尾加上.bind(this);

举个例子：

reader.onload = function(e) {

this.setState(...);

}.bind(this)

csdn_haow
关注
专栏目录
TypeError undefined is not iterable (cannot read property Symbol(Symbol.iterator))
m0_67390773的博客
03-08 1599
今天在学习react Hooks使用时，因为自己粗心大意，写了一个非常傻的一句代码，导致了react 报错 TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) 最后找了十分钟，浪费了时间 切记切记 ，不要再烦 下面我来说了这个简单的特别啥的bug 我们都知道react 去年出了 Hooks ，但是之前一直用vue开发，很少使用过react。最近公司接了个react项目，没办法，只能在学习一下
Vue数据响应Object.defineProperty
小王的技术库
06-27 579
在网页开发中，一般数据想要渲染到页面中，需要依赖于操作DOM更新。 和则是使用数据驱动视图，也就是数据改变，DOM也相应完成变化。而数据变化更新DOM也分为侵入式和非侵入式属于非侵入式，和数据变化输入侵入式。侵入式设计，就是设计者将框架功能“推”给客户端；而非侵入式设计，则是设计者将客户端的功能“拿”到框架中用下面的例子中，改变a的值没有调用其他的API，而和则调用了和的APIVue: React: 小程序： Object.defineProperty() 数据代理 当然，本文的重点在于Object.def
React出现错误：Uncaught TypeError: this.setState is not a function
莫道青天真无道，能逍遥时且逍遥！
08-20 1万+
在学习react时，在子组件调用父组件函数进行传值的时候，出现这个错误： 初始写法： 1. App.js 向 Home.js 传递一个 他自己的函数。 函数内容（获取一个参数，把state的headerValue改成参数值）： 2. 然后子组件 Home.js: 给个按钮： 触发改变方法，调用父组件传过来的函数，实现把 父组件（App.js）里边state.head...
Uncaught (in promise) TypeError: this.setState is not a function 报错的原因及解决方法
Curtis的博客
11-25 1万+
Uncaught (in promise) TypeError: this.setState is not a function 报错的原因及解决方法 原因： 多数原因是由于this的指向错误，在我们自定义函数的时候常常会出现 解决方法： 将函数的这种写法 Fn (value) = { console.log(...) } 换成箭头函数就可以了 Fn= (value) => { console.log(...) } ...
【JavaScript 报错】未捕获的类型错误：Uncaught TypeError
最新发布
Allen-
07-11 1017
当试图访问一个未定义的对象属性时，也会抛出TypeError错误。是前端开发中常见的一类错误，通常是由于尝试对不适当的值进行操作引起的。通过对方法和属性的存在性检查、使用可选链操作符、数据类型验证和函数参数类型检查等方法，可以有效地避免和处理这类错误。希望本文对你理解和解决错误有所帮助。
React 中 _this.setState is not a function 报错
qq_36990322的博客
11-27 852
_this.setState is not a function 报错 示例代码 class Test extends Component{ state = {data:[]}; getData(){ this.setState({ data: [1,2] }) } render(){ return <div> <button onClick={t...
this.setState is not a function
llkui
05-20 6886
在学习阮一峰老师的Flux 架构入门教程时，遇到了 this.setstate is not a function 我的代码如下 import React, {Component} from 'react'; import ListStore from '../stores/ListStore'; import ButtonActions from '../actions/ButtonA
在使用函数式 setState 时报错 this.setState is not a function
youyou_LIN的博客
03-23 8447
在react中点击事件里面 setState 时会使this重新定义，所以在点击的函数里面使用this.setState()时会报错this.setState not a function，因此需要提前给点击事件的函数绑定this...
使用Redux-Toolkit，由“object is not extensible”引发的思考及解决方案
RRie1的博客
11-13 1849
使用Redux-Toolkit，由“object is not extensible”引发的思考及解决方案。本文介绍了Redux-Toolkit中的状态管理机制，介绍了Immer.js即它如何被应用在了Redux的状态管理中
Spark-MD5 JS获取文件MD5
AppleEngineer
08-24 3862
(function (factory) { if (typeof exports === 'object') { // Node/CommonJS module.exports = factory(); } else if (typeof define === 'function' && define.amd) { // AMD
200409&菜鸡前端工作卡壳梳理汇总
向阳小宇宙的专栏
06-01 1171
卡壳的地方(不能直接写的都算) 思路不清； 还需要想一想； 还需要搜搜； 还需要找参考的地方 … 3466line的错误汇总竟然没有归类总结 1.难以复习，量太多 2.没有概况总结，导致不能最优先复习 3.没有知识点抽离，导致不能有效联想 在antd的formitem上最简单的方式设置必填项 还得看官网 必须包装类才行。 getFieldDecorator & export default Form.create()(DownloadTemplate); 设置pageSize参数，不清楚参数
this.setState is not a function报错 react子组件给父组件传值的时候
qq_41148886的博客
11-13 1085
在组件传值时，当子组件想要改变父组件state中的值时，总会报错，报错内容如下： 将this打印出来 发现是state中的数据，那么就知道报错原因是this指向的问题 解决办法可以使用箭头函数： ...
react中父子组件传函数，报错Uncaught TypeError: this.setState is not a function
zoepriselife316的博客
06-26 5660
Uncaught TypeError: this.setState is not a function at Object.huoqu (config.jsx?755c:128) at Object.huoqu (react-hot-loader.development.js?6f2c:693) at ProxyComponent.eval (cronexpression1...
关于react this.setState is not a function 的报错问题解决
热门推荐
bijunwei的博客
07-21 2万+
setState作为react 神方法大家都知道  并且它是一个方法 要传入一个对象来更新组件的state， 出现 this.setState is not a function   最常见的就是在function(){ function(){ } } fn套fn的状态下没有缓存this 使this没有指向正确的组件实例化对象 导致访问不到setState方法，当然还有别的情况导
react _this2.setState is not a function报错
jerry_0_0的博客
12-24 377
react _this2.setState is not a function报错 使用antd 组件里的 select选择器 用select选择器获取到选择的内容，请求接口获取数据更新数组内容。 在使用this.setState({})给数组赋值的时候报错 对我这个新手来说很是郁闷。 解决方案： constructor(props) { super(props); this.state={ depData:[] //数组变量 } this.handleChange = this.ha
React——react关于this.setState is not a function 的报错解决
qq_43201350的博客
02-01 1078
React——react关于this.setState is not a function 的报错解决
_this2.setState is not a function错误解决办法
qq_20369621的博客
05-28 8356
编写RN的小伙伴都知道setState是RN最常见的一个函数，但是这个最简单的函数却是经常报错，这一次我们就来解决_this2.setState is not a function这个错误。首先来看一下我的代码，这段代码就是发送一个请求，然后在相应回调函数的地方解析出数据修改state内部的值，达到渲染界面的效果：import React,{Component} from 'react'; imp...
extjs报错- this[c._config.names.set] is not a function
weixin_43758633的博客
06-02 329
extjs
报错：Uncaught TypeError: 获取的元素节点.setAttribute is not a function
weixin_46370867的博客
12-07 8738
我们在写代码的时候可能会遇到类似的报错： Uncaught TypeError: div1.setAttribute is not a function 源代码是这样的： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt
Uncaught TypeError: window.showModalDialog is not a function
09-29
Uncaught TypeError: window.showModalDialog is not a function错误的原因是谷歌浏览器已经不支持window.showModalDialog方法了。为了解决这个问题，你可以使用兼容谷歌浏览器的方法来自定义一个模态窗口。下面是一个示例代码： ```javascript if (!window.showModalDialog) { window.showModalDialog = function(url, name, options) { if (window.hasOpenWindow) { window.newWindow.focus(); } var re = new RegExp(";", "g"); options = options.replace(re, '","'); options = '{"' + options.replace(/:/g, '":"') + '"}'; options = JSON.parse(options); var openOptions = "width=" + parseInt(options.dialogWidth) + ",height=" + parseInt(options.dialogHeight) + ",left=" + (window.screen.width - parseInt(options.dialogWidth)) / 2 + ",top=" + (window.screen.height - 30 - parseInt(options.dialogHeight)) / 2; window.hasOpenWindow = true; window.newWindow = window.open(url, name, openOptions); }; } function showModal() { window.showModalDialog( "http://www.baidu.com", window, "dialogWidth:500px;dialogHeight:550px" ); } ``` 如果你遇到了Uncaught TypeError: window.showModalDialog is not a function错误，你可以尝试使用以上代码来解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值