问题标签 [react-tooltip]

我正在使用反应工具提示，反应情绪。

我无法弄清楚如何设置跨度的样式以覆盖默认样式。

这是我到目前为止所得到的：

任何人都对如何设置此跨度的样式有任何提示或特定的权威指南，以便我可以覆盖 react-tooltip 中的默认值？

文档参差不齐，网络上几乎没有任何示例。

我在现场有一个错误，我有一个工具提示，scroll 由于由overflow-y

基本上，我需要发送模态组件中的当前滚动量 overflow-y，因为模态定位在溢出中，因此流<ReactTooltip />得到偏移。

根据这个问题

• 提起<ReactToolTip />外面的<Modal />伎俩
• 正如我在单个<App />作品中测试的那样，但这意味着，您必须拥有<Modal />与<ReactTooltip />.
• 问题是，在我的项目中，结构要复杂得多，并且组件具有嵌套层次结构，有时在模态内部深处有 4-5 个组件。

所以一旦你导入一个组件，你就不能拥有<ReactTooltip />最里面的组件，如果你<ReactTooltip />在另一层引用，那么它不知道id它应该引用哪个。

如此实时代码框示例中所示

一旦你深入 3 个组件，我不知道我应该引用该组件以及它应该在哪一层。

这也是文档

• react-tooltip
• react-modal

反应工具提示问题

• React Tooltip 在应用的底部位置完美地显示了工具提示。但是当我们滚动一点网页时，再次将鼠标悬停在同一个链接上。工具提示超出可见区域，它不会随着我们悬停的文本移动..

我正在使用Fullcalendar组件react-tooltip。悬停时它可以正常工作，但我希望在单击事件时打开工具提示。如文档中所示，react-tooltip我可以在单击按钮时添加按钮并显示（隐藏）工具提示，但我不能对事件执行相同的操作。

任何人都可以向我解释我们如何使粗体文本取消粗体react-tooltip。我用过 npm react-tooltip

注意：默认文本是粗体我想要普通文本。

react-tooltip很棒，但是我遇到了条件渲染组件的问题。

我有一个刷新图标，只显示什么props.refreshImages时候true：

顶栏.js

应用程序.js

简化示例。但是，当刷新图标被隐藏并再次显示（props.refreshImagesisfalse和 then true）时，工具提示不会显示。

我已经尝试<ReactTooltip />进入Topbar.js并在每次渲染时运行ReactTooltip.rebuild()，但都没有奏效。因为props.refreshImages我实际上正在使用 Redux。

在此先感谢您的帮助。

我有多个图标，每个图标都有一个独特的工具提示建议。这些图标会随着时间而变化，因此需要更新生成的工具提示。但是，当图标发生变化时，几乎就像工具提示找不到图标一样，因此会锁定最近的图标，以便它可以存在于某个地方。结果是 1 个图标有 2 个工具提示，而另一个图标没有工具提示。这是我的反应代码

AnswerStatusIcon.js

QuestionButton.js

我在渲染页面时遇到这些错误。我的项目基于 NodeJs + React。

我正在使用这些版本。反应版本：^16.5 反应圆顶：^16.5 @material-ui/core：^4.9.1 @material-ui/icons：^4.9.1"

第一个错误：

第二个错误：

我无法弄清楚这是什么意思。

错误被抛出到这个页面。

使用这样的工具提示：

对于该值，它始终分配访问器值。我需要将其更改为行中的另一个值吗？

我react-tooltip用来在表格上显示工具提示，我只希望工具提示用于具有省略号的文本。

这就是我所做的

ReactTooltip.hide(showTooltip)不工作，我什至通过 true 检查它是否工作，但它不工作ReactTooltip.hide(true)

在官方文档中，他们在点击时调用它，我需要在此 Div 悬停时调用它