不能将类型“{ Change: (e: any) =＞ void； }

最新推荐文章于 2024-01-18 19:30:37 发布
最新推荐文章于 2024-01-18 19:30:37 发布
阅读量1.3k 收藏
点赞数
分类专栏： react 文章标签： typescript react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45641978/article/details/121536830
版权
本文介绍了在TypeScript中遇到子组件调用父组件时因props参数类型不匹配导致的错误。通过查看报错信息，发现子组件传入的props参数类型与预期不符。为解决此问题，文章提供了修改方法，即为props定义明确的类型，例如使用`<any>`。修复此问题可以避免类型错误，确保组件间的通信正常。
摘要由CSDN通过智能技术生成

ts 子组件调用父组件发生报错

报错如图
请添加图片描述
原因

子组件传入的props参数类型不一致

//原代码
export default class Ceshi extends Component{}

修改方法


//给props定义参数类型
export default class Ceshi extends Component <any>{}
前端小嘟
关注
专栏目录
TypeScript结合React全家桶(antd、axios、Nextjs)的一些类型总结
mackJun的博客
08-18 8118
TypeScript结合React、Vue、express的一些类型总结(一些常用自带的类型) 1.React类型总览(包括React本身、router、antd的类型) 1.1 React本身常用类型
React源码分析（二）=> Reac初次渲染分析
翾的博客
07-02 5398
Reac初次渲染分析 源码基于React 16.8.6, 内容极长, 必须配合源码一起来看 单步调试的例子: `ReactDOM.render('hello', document.getElementById('root'))`; 下文基于这个例子来一步一步分析.
[Vue3]Console报错：类型“any”的参数不能赋给类型“never”的参数
最新发布
a119551的博客
01-18 866
【代码】[Vue3]Console报错：类型“any”的参数不能赋给类型“never”的参数。
参数e 具有any 类型
weixin_41807530的博客
04-28 3525
这样写会报 参数e 隐式具有any 类型 所以需要改成
不能将类型“XXX“分配给类型“IntrinsicAttributes & IntrinsicClassAttributes＜PieChart＞ & Readonly＜{}＞ & Reado“
热门推荐
Little_Pig_Bug的博客
06-16 1万+
警告如下
React项目中Antd组件库 Tab选项卡 defaultActiveKey 不生效解决方案
往事随风
07-20 2729
Antd选项卡defaultActiveKey 不生效解决方案
判断void*参数类型_TypeScript类型标注相关概念一览
weixin_39738273的博客
12-05 571
来源：SegmentFault 思否社区作者：LnEoi背景用TypeScript重构了一遍业务后台，TS很大一部分在处理类型标注，基础的类型很容易上手，但到泛型一块，抽象程度一下子就高了起来，提供的许多工具也复杂了起来。重构的时候一直想整理一份方便查询的笔记一直没空，现在总算抽出时间整理了一份，将于类型有关的部分整理了出来，其他部分还需要自行翻阅相关文档。笔记类似大纲，知道什么情况下有...
校招面试冲刺
weixin_45221036的博客
08-24 1825
HTML 1】语义化： 尽可能少的使用无语义的标签div和span 在语义化不明显时，尽量使用p标签，因为p在默认情况下有上下间距 需要强调的文本，可以包含在strong或em标签中，strong默认样式是加粗（不要用b），em是斜体（不要用i） 什么是语义化？就是用合理、正确的标签来展示内容，比如h1~h6定义标题。 <header>定义文档或者文档的部分区域的页眉，应作为介绍内容或者导航链接栏的容器。 <nav>描述一个含有多个超链接的区域，该区域包含跳转到其他页
std::string std::vector std::map 源代码 结构
lacoucou的专栏
04-26 1846
// vector standard header#pragma once #ifndef _VECTOR_ #define _VECTOR_ #ifndef RC_INVOKED #include &lt;memory&gt; #include &lt;stdexcept&gt; #include &lt;xfunctional&gt; #pragma pack(push,_CRT_PACK...
usefulHooks:在这里，您可以找到有用的钩子，这些钩子可帮助您提高代码效率
03-26
onChange: (e: ChangeEvent<HTMLInputElement>) => void } export const useInput = (initialValue: any): useInputOutput => { const [value, setValue] = useState(initialValue) const onChange = (e: Change...
在分页的时候遇到的问题
qq_37781796的博客
12-07 130
这是我在写代码的时候遇到的问题，今天看博客的时候，发现有人已经完全写出了我遇到的问题，直接复制了别人的原文链接 https://blog.csdn.net/cdliker/article/details/106081801
不能将类型“() =＞ void”分配给类型“MouseEvent”。
weixin_47278755的博客
10-14 6052
相当于将函数绑定成一个变量或者常量。等会出现报错，不影响使用，但看着难受。vite + ts最新。
vue3 @click报错 不能将类型“($event: any) =＞ void”分配给类型“MouseEvent”
qq_41697998的博客
10-13 2824
vue3 @click报错 不能将类型“($event: any) =＞ void”分配给类型“MouseEvent”
antd table columns ts报错
fred8的博客
07-20 3724
报错截图 不能将类型“({ title: Element; dataIndex: string; ellipsis: { showTitle: boolean; }; render: (name: any, record: any) => Element; key?: undefined; width?: undefined; fixed?: undefined; } | { …; } | { …; } | { …; })[]”分配给类型“ColumnProps[]”。 不能将类型“{ title:
ts中表格加入border报错
liuxiaocaogu的博客
08-12 1006
ts中表格报的错
ts 子组件中 定义的方法报错
fred8的博客
10-12 3745
报错事例 typtscript 组件中定义方法报错 不能将类型“{ onRef: (ref: any) => void; }”分配给类型“IntrinsicAttributes & IntrinsicClassAttributes<Component<Omit<IProps, “form”>, any, any>> & Readonly<…> & Readonly<…>”。 类型“IntrinsicAttributes
TypeScript学习（上）
the_lower的博客
07-09 720
一．基础类型 1.布尔型 let isDone: boolean = false; 2.Number型 let a: number = 5; 支持十进制/十六进制/二进制/八进制 3.String型 let name: string = “bob”; name = “Mary”; Let sentence: string = hello, my name is ${ name }; 4**.数组** let list: number[] = [1, 2, 3]; Let lis
vue3 a-checkbox-group自定义选项内容踩坑
lfYexun的博客
03-02 1418
a-checkbox-group如果要自定义内容的话，标签上不能有options，同时子标签加上value。
不能将类型“($event: any) =＞ void”分配给类型“MouseEvent”
m_uncle的博客
10-12 6318
安装@types/node 18.8.4版本之后,在页面上使用@click会有错误提示,但是不影响使用,具体原因不知道是啥,希望看到的大佬帮忙解释下。然后安装18.7.18版本的就可以了。删掉@types/node。
#include "widget.h" #include "ui_widget.h" Widget::Widget(QWidget *parent) : QWidget(parent), ui(new Ui::Widget) { ui->setupUi(this); this->setWindowTitle("服务端"); tcpserver =new QTcpServer(this); //实例化对象 this作为父对象 tcpserver->listen(QHostAddress::Any,9999); connect(tcpserver,SIGNAL(newConnection()),this,SLOT(creatclient())); m_labelTitle = QString(tr("are you sure")); m_pTimer = new QTimer(this); m_pTimer->setInterval(200); connect(m_pTimer,SIGNAL(timeout()),this,SLOT(dealRollingTitle())); m_pTimer->start(); } Widget::~Widget() { delete ui; } // 函数说明：定时器刷新 void Widget::dealRollingTitle() { static int pos = 0; if(pos > m_labelTitle.length()) pos = 0; ui->label->setText(m_labelTitle.mid(pos)+" "+m_labelTitle.left(pos)); //ui->label_2->setText(m_labelTitle.right(pos)); //ui->label_2->setText(m_labelTitle.mid(pos)); //ui->label_3->setText(m_labelTitle.left(pos)); pos++; } void Widget::changeEvent(QEvent *e) { QWidget::changeEvent(e); switch (e->type()) { case QEvent::LanguageChange: ui->retranslateUi(this); break; default: break; } } void Widget::creatclient() { ui->label->setText("1"); tcpclient = tcpserver->nextPendingConnection(); connect(tcpclient,SIGNAL(readyRead()),this,SLOT(readclientMsg())); } void Widget::readclientMsg() { char msg[100]; tcpclient->read((char *)msg,100); ui->label->setText(msg); m_labelTitle = QString(tr(msg)); } void Widget::on_pushButton_clicked() { ui->label->setText("1"); }这段代码的作用
06-11
这段代码是一个基于Qt框架的TCP服务器程序的主窗口类`Widget`的实现。它包含一个构造函数、一个析构函数、一个`changeEvent()`函数、一个定时器刷新函数`dealRollingTitle()`、一个TCP客户端连接处理函数`creatclient()`、一个TCP客户端消息读取处理函数`readclientMsg()`以及一个槽函数`on_pushButton_clicked()`。 构造函数会调用UI设计器生成的`setupUi()`函数来初始化主窗口的UI界面。同时，它会设置主窗口的标题为“服务端”，并创建一个`QTcpServer`对象`tcpserver`，用于监听TCP连接请求。它还会在TCP服务器上监听所有IP地址的9999端口，并通过`connect()`函数将`tcpserver`对象的`newConnection()`信号连接到`creatclient()`槽函数上，以接受新的客户端连接。 定时器刷新函数`dealRollingTitle()`会定时更新UI界面上的标签`label`上的滚动标题文本。具体地，它会使用`m_labelTitle`字符串作为标题文本，并通过定时器不断更新标题文本的显示位置，以实现滚动效果。其中，`m_pTimer`对象是一个定时器对象，用于触发定时器事件，每200ms更新一次标题文本的位置。 TCP客户端连接处理函数`creatclient()`会在新的客户端连接到TCP服务器时被触发，它会首先将标签`label`上的文本设置为“1”，然后通过`tcpserver->nextPendingConnection()`函数获取新连接的客户端套接字`tcpclient`，并将其与`readyRead()`信号连接到`readclientMsg()`槽函数上，以接收客户端发送的消息。 TCP客户端消息读取处理函数`readclientMsg()`会在客户端发送消息给服务器时被触发，它会读取客户端发送的消息，并将其作为标题文本更新到标签`label`上。 槽函数`on_pushButton_clicked()`会在用户点击`pushButton`按钮时被触发，它会将标签`label`上的文本设置为“1”。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值