react 中解决 类型“never”上不存在属性“value”。

server/2024/11/26 15:14:12/

在 React 中,当你使用 useState 钩子来管理状态时,TypeScript 会尝试推断你的状态变量的类型。在你的例子中,listchannel 被初始化为一个空数组,因此 TypeScript 推断出 listchannel 的类型是 never[],即一个空数组类型。

由于 never[] 类型的数组没有任何属性,所以当你尝试访问 listchannel[1].value 时,TypeScript 会报错,因为 never 类型上不存在任何属性。

要解决这个问题,你需要明确地告诉 TypeScript listchannel 数组中元素的类型。你可以定义一个接口来描述这些对象,然后将这个接口作为 useState 的泛型参数。

解决办法

  
//给这个数组定义类型
interface Channel {value: number;label: string;
}const [listchannel, setListchannel] = useState<Channel []>([]);useEffect(() => {async function getListchannel() {const res = await Listchannel();const res1 = res.data.channels.map((item:any) => {return { value: item.id, label: item.name };});setListchannel(res1);}getListchannel();}, []);


http://www.ppmy.cn/server/145092.html

相关文章

跨境出海安全:如何防止PayPal账户被风控?

今天咱们聊聊那些让人头疼的事儿——PayPal账户被风控。不少跨境电商商家反馈&#xff0c;我们只是想要安安静静地在网上做个小生意&#xff0c;结果不知道为什么&#xff0c;莫名其妙账户就被冻结了。 但其实每个封禁都是有原因的&#xff0c;今天就来给大家分享分享可能的原…

即时通讯平台-音视频即时通讯平台就选WorkPlus

在现代社会&#xff0c;企业和组织对沟通的需求日益增加&#xff0c;尤其是在瞬息万变的商业环境中&#xff0c;音视频即时通讯已成为沟通的主流形式。WorkPlus作为一款专注于音视频即时通讯的平台&#xff0c;凭借其强大的功能和出色的用户体验&#xff0c;成为了企业和团队的…

ajax基础

一&#xff1a;express框架 在终端输入nodejs文件名 // 引入express const express require(express); //创建应用对象 const app express(); //创建路由规则 app.get(/,(request,response) > {//设置响应response.send(Hello Express); }); // 监听3000端口 app.lis…

云网络基础- TCP/IP 协议

文章目录 典型服务模式TCP/IP 协议设置和查看IPIP地址的分类:IP地址组成: 网络位主机位组成克隆:产生一台新的虚拟机win2008 典型服务模式 • C/S,Client/Server架构 – 由服务器提供资源或某种功能 – 客户机使用资源或功能 TCP/IP 协议 • TCP/IP是最广泛支持的通信协议集合…

CPU性能优化--skylake 微架构事件编码示例

Event 事件 编码 Umask 掩码值 事件掩码助记符 描述 C0H 00H INST_RETIRED.ANY_P 退休的指令数量 C4H 00H BR_INST_RETIRED 退休的分支跳转指令 linux perf提供常用性能计数器的映射&#xff0c;可以通过映射的事件名称来访问&#xff0c;而不是指定Event 和Umask十六进制值。…

MySQL 主从复制之多线程复制

文章目录 一、MySQL 多线程复制的背景二、MySQL 5.5 主从复制1、原理2、部署主从复制2.1、主节点安装配置MySQL 5.52.2、从节点安装配置MySQL 5.5 3、检查主从库 server_id 和 log_bin 配置4、创建主从复制用户5、获取主库的二进制日志文件和位置6、配置从库连接主库参数并启动…

怎么用AI读书?

之前一直看到有人介绍AI读书&#xff0c;这次自己也试了试。先说结论吧&#xff01;个人认为&#xff0c;AI读书是一个不错的辅助工具&#xff0c;但是&#xff0c;切不可过分依赖。 就个人实际使用的感受来看&#xff0c;工具技术类书籍、专业术语比较多的报告、论文等&#…

银行对公业务:供应链金融、现金管理、对公贷款、网银、票据业务

在金融行业里&#xff0c;银行对公业务可谓是五花八门&#xff0c;每一项服务都针对企业的不同需求量身定制。今天&#xff0c;咱们就来聊聊这些业务&#xff0c;包括供应链金融、现金管理、对公贷款、企业网银、票据业务&#xff0c;还有对公理财托管&#xff0c;看看它们到底…