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

ops/2024/11/26 15:52:21/

在 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/ops/136861.html

相关文章

排序算法 时间复杂度、空间复杂度

一、时间复杂度 1. 什么是时间复杂度 记为大O&#xff0c;是衡量算法运行效率的重要指标&#xff0c;描述了算法运行所需时间是如何随着输入规模&#xff08;通常用n来表示&#xff09;变化的&#xff08;一般&#xff09;。也可以说用来表示算法语句总的执行次数随n的增长趋…

44.扫雷第二部分、放置随机的雷,扫雷,炸死或成功 C语言

按照教程打完了。好几个bug都是自己打出来的。比如统计周围8个格子时&#xff0c;有一个各自加号填成了减号。我还以为平移了&#xff0c;一会显示是0一会显示是2。结果单纯的打错了。debug的时候断点放在scanf后面会顺畅一些。中间多放一些变量名方便监视。以及mine要多显示&a…

shell练习

开篇小贴士&#xff1a;为创建的sh&#xff08;当然可以是任何一个文件&#xff09;文件添加开头的注释 1、进入到家目录&#xff0c;然后通过 ls -a 查看全部文件 2、找到并编辑一个名为 .vimrc &#xff08;Vim编辑器的核心配置文件&#xff09;的配置文件&#xff0c;下图…

学习threejs,使用设置bumpMap凹凸贴图创建褶皱,实现贴图厚度效果

&#x1f468;‍⚕️ 主页&#xff1a; gis分享者 &#x1f468;‍⚕️ 感谢各位大佬 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! &#x1f468;‍⚕️ 收录于专栏&#xff1a;threejs gis工程师 文章目录 一、&#x1f340;前言1.1 ☘️THREE.MeshPhongMaterial高…

Bitcoin---Script Language;脚本类型

文章目录 概要脚本类型 概要 比特币客户端的软件通过执行交易中包含的脚本&#xff08;Script&#xff09;来验证交易的有效性&#xff0c;这些脚本是用类似 Forth 的脚本语言编写的。脚本的特点是易于使用、简洁和基于堆栈的执行引擎&#xff0c;但它是图灵不完备的。比特币的…

仿axios,封装微信小程序的请求

由于小程序中的请求不是非常好用&#xff0c;没有axios好用&#xff0c;所以按照axios封装了一个简易的请求工具。 axiosWechat.js文件 class AxiosWechat {constructor(config {}) {// 设置基础配置this.config {baseUrl: , // 基础路径headers: {}, // 请求头.…

2022年计算机网络408考研真题解析

第一题&#xff1a; 解析&#xff1a;网络体系结构-数据链路层 在ISO网络参考模型中&#xff0c;运输层&#xff0c;网络层和数据链路层都实现了流量的控制功能&#xff0c;其中运输层实现的是端到端的流量控制&#xff0c;网络层实现的是整个网络的流量控制&#xff0c;数据链…

代码管理之Gitlab

文章目录 Git基础概述场景本地修改未提交&#xff0c;拉取远程代码修改提交本地&#xff0c;远程已有新提交 GitIDEA引入Git拉取仓库代码最后位置 Git基础 概述 workspace 工作区&#xff1a;本地电脑上看到的目录&#xff1b; repository 本地仓库&#xff1a;就是工作区中隐…