如何为元素添加墨水/涟漪效果？

Question

例如，如果我有一个albums.jsx文件，我在其中写道：

import ripple from 'material-ui/ripple'

然后在我的元素中我可以使用：

return <div className={ripple}><div>

这样div会产生墨水/涟漪效应。这可以通过类名在Angular Material中完成，所以我想在Material-UI / react-md中应该有类似的功能

Answer 1

你必须像这样导入它：

import TouchRipple from 'material-ui/internal/TouchRipple';

然后在你的组件中使用这样的（TouchRipple基本上是一个更高阶的组件）：

<TouchRipple>
   <div>
    MY RIPPLING DIV
  </div>
</TouchRipple>

如果您需要使用classNames而不是HOC来解决问题，我建议使用react-materialize - ＆gt; https://react-materialize.github.io/#/