当前位置: 首页 > news >正文

【antd之tabs踩坑篇】Tabs有items时切换不起作用

在这里插入图片描述

<TabsdefaultActiveKey="1"tabPosition={mode}style={{ height: 220 }}items={new Array(30).fill(null).map((_, i) => {const id = String(i);return {label: `Tab-${id}`,key: id,disabled: i === 28,children: `Content of tab ${id}`,};})}/>

官网上如果tabs有很多item的话,能正常切换,但是我在本地要复现这个功能时,创建数组形式的items时,死活都切不过去

于是,我就对着官网上的例子,一步一步看,发现items里key是String形式的,但是我的key是Number形式的,于是我改写为 key: index + '1',就好了

如果需要写很多tabs的items时,一定要注意key为字符串形式

http://www.lryc.cn/news/107935.html

相关文章:

  • 简单模拟livedata数据倒灌
  • python爬虫-加速乐cookie混淆解析实例小记
  • TensorFlow 中前缀 prefix
  • SystemVerilog scheduler
  • Qt 5. QSerialPort串口收发
  • 什么是Java中的JVMTI(JVM Tool Interface)?
  • WAF独木难支 RASP与ADR将成应用安全防护2.0时代新宠
  • 四、Unity中颜色空间
  • Java程序员面试题
  • 【自动化剧本】Role角色
  • 安全文件传输:如何避免数据泄露和黑客攻击
  • web基础与http
  • 寒假作业(蓝桥杯2016年省赛C++A组第6题 )
  • NUMA架构在kubernetes中的应用
  • Gogs Git windos服务搭建指南
  • leetcode 983. 最低票价
  • 七种遍历Map的方法
  • Android性能优化—内存优化
  • Python自动计算Excel数据指定范围内的区间最大值
  • FTP文件传输协议
  • 运维高级--tomcat和jpress
  • 【LeetCode】141. 环形链表 进阶题142. 环形链表 II
  • MySQL索引1——基本概念与索引结构(B树、R树、Hash等)
  • TikTok数据分析 | 用好超店有数,生意增长快人一步
  • 从零开始学Docker(三):DockerFile镜像定制
  • 【Linux】 UDP网络套接字编程
  • 《golang设计模式》第一部分·创建型模式-05-工厂方法模式(Factory Method)
  • Kubernetes 概述
  • Electron + Vue3 + Vite + TS 构建桌面应用
  • springboot访问请求404的原因