Property ‘icon‘ does not exist on type ‘MenuItemType | MenuDividerType | SubMenuType＜MenuItemType＞

已于 2023-06-07 14:45:27 修改
阅读量163 收藏
点赞数
文章标签： react
于 2023-06-07 14:42:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Anniee97/article/details/131087337
版权
文章描述了在使用React进行菜单渲染时遇到的问题，具体是由于MenuProps类型的不匹配导致的。解决方案是将menuList的类型修正为menuItemType，从而成功解决报错并完成菜单的正确渲染。
摘要由CSDN通过智能技术生成

react 在渲染菜单时 报错

菜单文件如下：

渲染方式如下：

 解决方案：menuList的类型由MenuProps改为menuItemType 即可

Anniee97
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Property ‘xxx‘ does not exist on type ‘xxx‘报错解决
m0_67402236的博客
03-08 2万+
用ts写一个组件的时候，遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错，但神奇的是竟然还能正常运行。 在参考一些正确的代码后，有两个解决方案。 在export default class Add extends Vue {} 里面定义对应的Prop： import { Component, Vue, Prop } from “vue-property-decorator”; import { mapState } from “vue
TS2559: Type ‘{ children: string； }‘ has no properties in common with type ‘IntrinsicAttributes & Fi
weixin_40282133的博客
09-15 2094
Type '{ children: string; key: string; }' is not assignable to type 'IntrinsicAttributes & FilterTagPropsType'.
vue2 typescript vue-i18n 类型报错 TS2769: No overload matches this call.‘i18n‘ does not exist in type...
博客简介
10-27 3301
vue2 typescript vue-i18n 类型报错
Typescript和React造轮子一之Menu组件(四)
逆袭的菜鸟X
05-30 1386
1、需求展示 2、源码展示 menu.tsx import React, { FC, useState, createContext, CSSProperties } from 'react' import classNames from 'classnames' import { MenuItemProps } from './menuItem' type MenuMode = 'horizontal' | 'vertical' export interface MenuProps { /**默认
TypeScript 类型断言和类型守卫
m0_49424368的博客
04-20 1248
TypeScript 类型断言和类型守卫学习
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly…Vetur（2339）
11-19
VSCode 中 Vue 项目报错 Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly…Vetur（2339） 在 VSCode 中使用 Vue 项目时，可能会遇到 Property ‘xxx‘ does not exist on type ...
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）
10-14
在使用Visual Studio Code (VSCode) 开发Vue项目时，可能会遇到一个常见的错误：“Property ‘xxx’ does not exist on type ‘CombinedVueInstance<{ readonly...}, Vetur(2339)”。这个错误提示通常出现在使用...
django ObjectDoesNotExist 和 DoesNotExist的用法
09-16
在 Django 框架中，`ObjectDoesNotExist` 和 `DoesNotExist` 是两种常见的异常类型，它们用于处理数据查询未找到结果的情况。了解并正确使用这些异常可以帮助开发者编写更健壮、容错性更强的代码。 `ObjectDoesNot...
Code::Blocks – The file does not exist.
01-09
Code::Blocks – The file does not exist. 1. Code::Blocks Could not open the file '/home/strong/codeblocks_work/Fire-master/src/bubble/config.cpp'. The file does not exist. 2. Build log ...... g++: ...
React-antd组件库-让Menu子菜单项水平排列
qq_41077776的博客
10-30 1907
antd导航菜单在官网案例中，SubMenu默认是下拉框，并且官网没有给出其他显示形式的方法。但是如果我们想做出下面这种水平排列效果该怎么做呢？这种显示需求应该是挺常见的。
vue2.x+element-ui实现动态菜单
专注
04-19 2101
实现思路 路由设置–设置菜单相关的字段（权限、国际化的菜单名称、标记属于菜单部分的路由） 菜单数据组装–由路由参数配置和菜单权限数据组合成一个头部菜单数组 菜单渲染–利用element-ui动态渲染菜单 一、路由设置（PS：放在编辑器好看一点） /* 静态页面路由 */ /** * 1、功能一：动态渲染头部菜单 * 1.1: 路由参数说明 * 1.1.1：menuPermission（当前菜单显示需要的权限） * 1.1.2：subMenuType---当前路由的子路由命名（
菜单Menu和菜单项MenuItem
Grace_1203的博客
04-27 8281
一.程序的功能介绍 文件子菜单下面有新建，打开和退出子选项。视图下面有普通子选项。 二.程序分区讲解 （1）在shell窗口中添加菜单条（主菜单）——menu_Bar; 类型是菜单（Menu）样式是菜单条(SWT.BAR)。 （2）然后在主菜单中添加两个子菜单——文件子菜单fileItem和视图子菜单viewItem; 类型是菜单选项（MenuItem）样式是可以有子菜单(SWT....
property xxx does not exist on type Object报错
smallteddy.blog.csdn.net
07-06 1万+
在TypeScript中如果按JS的方式去获取对象属性，有时会提示形如Property ‘xxx’ does not exist on type 'Object’的错误。下文代码中的’xxx’替换成你的变量。 var obj: Object = Object.create(null); obj.xxx= "xxx";//[ts] Property 'xxx' does not exist on type'Object'. 这是因为Typescript在执行代码检查时在该对象没有定义相应属性，遇到该报错有以
17、下拉菜单
QilanAllen的博客
05-29 911
在Bootstrap框架中的下拉菜单组件是一个独立的组件，在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架提供的bootstrap.js文件。 特别声明：因为Bootstrap的组件交互效果都是依赖于jQuery库写的插件，所以在使用bootstrap.min.js之前一定要先加载jquery.min.js才会生效果。 一、使用方法 在使用Bootstrap框架中的下拉菜单组件时，其结构运用的正确与否非常的重要，如果结构和类名未使用正确，直接影响组件是否能正常运用。我们来简单的
HTML折叠菜单
热门推荐
rnaissance的博客
05-24 3万+
<html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> var itemHeight = 40; var dividerHeight = 1;function openMenu(obj) { menuTitleId = obj.i
【Flutter 问题系列第 35 篇】如何自定义 PopupMenuDivider 分割线的颜色
“Allen Su”的博客
07-19 935
FLutter 如何自定义 PopupMenuDivider 分割线的颜色
JavaScript练手项目.zip
最新发布
08-15
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无积分，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于收集和整理资料耗费时间的酬劳
【轨迹优化】基于matlab脉冲干扰下高超声速飞行器轨迹优化【含Matlab源码 7221期】.mp4
08-15
Matlab研究室上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
如何解决does not exist on type 'Readonly<object | undefined>'.
05-30
出现 "does not exist on type 'Readonly<object | undefined>'" 的错误通常是因为 TypeScript 无法确定变量的类型，而且该变量可能是 `undefined`。 解决这个问题的方法之一是使用类型断言将变量强制转换为确切的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值