Office UI Fabric React - 关注表单输入时显示工具提示？答案

【问题标题】：Office UI Fabric React - Show tooltip when form input is focused?Office UI Fabric React - 关注表单输入时显示工具提示？
【发布时间】：2020-03-31 05:50:27
【问题描述】：

这是我目前拥有的：

<TooltipHost
  content="Enter claim name in a way to be understandable for all parties."
  directionalHint={DirectionalHint.rightCenter}
  calloutProps={{ calloutMaxWidth: 100}}
>
  <TextField />
</TooltipHost>

工具提示在悬停时显示。我希望它只在焦点上显示。
有没有办法在不控制状态的情况下做到这一点？

【问题讨论】：

标签： reactjs office-ui-fabric office-fabric

【解决方案1】：

主机自动将其添加到悬停和焦点。如果您只需要焦点，则需要使用 Tooltip 控件本身并手动将其显示在焦点上。

【讨论】：

不是真的。使用 calloutprops--> hidden prop 来控制 tooptip 的可见性。