Material-UI v3:如何使用TouchRipple组件?

时间:2018-09-18 17:59:25

标签: reactjs material-ui

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

在旧版本的Material UI中,似乎应该将其包装在React组件周围,但是在v3中,它不起作用,因为它不需要任何子组件。

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

1 个答案:

答案 0 :(得分:2)

它并不是一个简单实用的工具。

如果您查看 ButtonBase ,您会发现有a lot of required things可以使其正常工作。

基本上,您需要手动处理事件并要求 TouchRipple 开始新的波动。

他们制作了@material-ui/core/ButtonBase/createRippleHandler(确实在 ButtonBase 中使用了),以简化生活。

不推荐。改为使用 ButtonBase