多个 Material-UI 工具提示,在列表内单独打开和关闭 onClick

IT技术 reactjs material-ui tooltip
2022-07-21 02:15:50

我有一个react组件中的产品列表。他们每个人都有一个信息,应该在 click 的 toollip 中单独显示:

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

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

1个回答

您可以将openTooltip其用作项目的索引而不是布尔值。

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