antd--Tooltip三角星变成了方形,这是为什么?

在使用antd@5.8.4版本(react@18.2.0)中的tooltip组件时,不知道配置了什么新建项目的时候一切正常,突然发现tooltip组件的小三角变成了方形,使用的方式从官网实例抄下来的。
大佬们帮忙看看
20e6e62aacbde5efc0b3b63fa502d66.png
dae1907493ae1d1104ab2f03f2cb134.png

阅读 1.2k
avatarAI BotBETA

这个问题看起来像是在使用 Ant Design(antd)的 Tooltip 组件时遇到的问题,具体表现为小三角(通常作为悬停提示)变成了一个方形。

出现这种情况的可能原因有很多,但基于你提供的信息,我无法确定具体的原因。以下是一些可能的原因:

  1. 版本问题:你正在使用的antd版本(8.4)可能存在一些已知或未知的问题。可以尝试升级到最新的antd版本,看看问题是否得到解决。
  2. CSS样式冲突:可能是你的项目中的某些CSS样式与antd的Tooltip组件的默认样式产生了冲突。可以尝试检查项目中的全局样式或者相关的CSS文件,看看是否存在与Tooltip相关的样式定义。
  3. React版本问题:你正在使用的React版本(18.2.0)与antd的版本可能存在兼容性问题。可以尝试升级React到最新的稳定版本,或者降级antd到一个与当前React版本兼容的版本。
  4. 浏览器兼容性问题:虽然Ant Design对主流浏览器有良好的兼容性,但仍然可能存在某些特定浏览器与最新版本的antd不兼容的问题。可以尝试在不同的浏览器中查看问题是否存在,以确定是否是浏览器兼容性问题。

在定位问题的过程中,一个重要的步骤是查看控制台是否有任何错误信息。这些信息可能会给出问题发生的原因线索。

如果上述可能性都被排除后,问题仍然存在,那么可能需要你提供更多信息,例如你的代码片段、完整的错误信息等,以便更好地帮助你找到问题的根源和解决方案。

1 个回答

没有找到AntDesign的 8.4 版本,用 5.8.4 的版本尝试复现了一下,没有复现OP提到的问题。

所以看起来传入值有问题?传入了一个 4px 进去了。所以计算的时候出现错误了。
图片.png

简单看了一下,tooltip 的组件源码,看起来是OP在配置主题的时候,错误的传入了一个 sizePopupArrow 进来(需求 number 类型),把 4px 改成 4 试试看?

ant-design/components/style/roundedArrow.ts at fc2b4af8cf830bb87c3b0a0114c60c90a6807279 · ant-design/ant-design

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏