问题标签 [react-tooltip]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
31 浏览

reactjs - 如何从地图中获取数据到我的工具提示中?

我正在使用反应工具提示,但我不确定如何在我的工具提示中获取数据。

我希望 topline 和 bottomline consts 进入工具提示。

谁能指出我正确的方向?

0 投票
0 回答
17 浏览

javascript - 固定标题后面的反应工具提示截止内容

添加了 ReactTooltip

内容隐藏在固定标题后面

试过:

0 投票
0 回答
41 浏览

javascript - 使用 useMediaQuery 挂钩时,出现错误:Rendered more hooks than during previous render

我正在尝试在移动设备上隐藏工具提示。为此,我useMediaQuery用来检测宽度是这样的:

然后我将isMobile作为 prop 传递给 ReactTooltip 组件disabled

但是每当我单击会议时,我都会收到此错误-

渲染的钩子比上一次渲染时更多

. 我究竟做错了什么?请帮忙!

0 投票
0 回答
39 浏览

javascript - 使用 html true 在 ReactToolTip 中嵌入链接

在我的 React 应用程序中,我想ReactTooltip在我的组件周围使用 a,这样工具提示的内容是一些带有指向另一个网站的链接的文本。我的组件有return这样的:

ReactTooltip的来自import ReactTooltip from 'react-tooltip'

但后来我的用户界面看起来像这样

所以我有两个问题:

  1. 如何正确显示www.google.ca的链接?请注意,HTML<br />已呈现,但链接的 HTML 未呈现。
  2. 当我将光标从“请求托管资金”文本移到工具提示中并打算单击嵌入式链接时,工具提示就会消失。我认为这是因为我的光标在<Link>组件之外。当我将光标移动到工具提示中时,如何让它保持在那里?

谢谢!

0 投票
2 回答
18 浏览

reactjs - 使用 MUI 图标时 React-tooltip 显示两次

每当我向 SVG 添加工具提示(使用 react-toolip)时,工具提示都会显示两次: 在这里你可以看到重叠的双工具提示

编码:

在使用来自@mui 的 HelpIcon 时:

0 投票
1 回答
9 浏览

reactjs - 有没有办法在悬停时访问 react-tooltip 中的链接?

我使用 react-simple-maps 和 react-tooltip 看起来悬停效果很好,但我尝试点击我在工具提示上添加的链接,但在我进入工具提示之前,它消失了,我无法访问用我的鼠标的内容。

这可能吗?