Material-UI v3：如何使用 TouchRipple 组件？

Posted 2023-02-21

【中文标题】Material-UI v3：如何使用 TouchRipple 组件？

【英文标题】：Material-UI v3: How do you use the TouchRipple component?

【发布时间】：2019-02-22 19:46:21

【问题描述】：

我正在尝试让 Material UI 的 TouchRipple component 工作，以便有时可以在 ButtonBase 组件之外使用波纹效果。但是，文档没有说明如何使用它。

在旧版本的 Material UI 中，您似乎应该只将它包裹在 React 组件中，但在 v3 中，它不起作用，因为它不包含任何子组件。

如何在 Material UI v3 中使用 TouchRipple 组件？

【参考方案1】：

v4 更新 - 2019 年 7 月 3 日

createRippleHandler 已不复存在。尽管如此，ButtonBase 仍然是解决问题的最佳工具。

这并不是一个简单易用的实用程序。

如果您查看 ButtonBase，您会发现有 a lot of required things 使其工作。

基本上你需要手动处理事件并要求TouchRipple开始一个新的涟漪。

他们制作了@material-ui/core/ButtonBase/createRippleHandler（确实在ButtonBase中使用）来让他们的生活更轻松。

不推荐。改用ButtonBase。