材质 UI 工具提示自定义放置

Question

我想将侧边栏和卡片列表工具提示放在页面底部中心的同一位置。

使用了margin，但我无法让它们出现在同一个地方，除非我可能为每个工具提示创建一个类并且它们很多。工具提示上的内联边距样式也会影响儿童，所以这是不可能的。对于position absolute，他们仍然依赖于锚。保证金也不是响应能力的最佳选择。 transform translate 似乎对它们不起作用。

有人知道这个问题的解决方案吗？

Answer 1

为什么不在页面中心创建一个 div 来显示工具提示并将工具提示放在那里？您可以使用状态动态控制工具提示文本

Answer 2

尝试创建一个位置固定在页面中心底部的 div。如果您想要一种 Toast 的感觉，请使用 state 呈现您的工具提示并使用 setTimeout 清除值。可以在元素悬停时设置状态。