多个 Material-UI 工具提示,在列表内单击时分别打开和关闭

问题描述 投票:0回答:2

我有一个反应组件内的产品列表。它们每个都有一个信息,单击时应在工具栏内单独显示:

https://codesandbox.io/s/infallible-galois-tkj73?file=/src/App.js

有没有办法单独显示它们而不是一次全部显示?

reactjs material-ui tooltip
2个回答
3
投票

您可以使用

openTooltip
作为项目的索引,而不是布尔值。

https://codesandbox.io/s/serverless-smoke-1itbb?file=/src/App.js


0
投票

使用

openTooltip
正如 @Viet 提到的,但如果你希望它与工具提示周围的
ClickAwayListner
一起使用,请添加:

<ClickAwayListener
  mouseEvent="onMouseDown"
  touchEvent="onTouchStart"
  onClickAway={() => {
  ...
  }
>

https://codesandbox.io/s/clickawaylistener-forked-99m8sk?file=/src/App.js

希望这对某人有帮助。

© www.soinside.com 2019 - 2024. All rights reserved.