如何将墨水/波纹效果添加到元素？

Question

例如，如果我有我写了一个albums.jsx文件：

import ripple from 'material-ui/ripple' 

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

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

让这个div将有墨水/连锁反应。这可以在角材料通过一个类名来完成的，所以我想应该是在材料的UI类似的功能/反应-MD

Answer 1

你必须导入它是这样的：

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

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

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

如果您需要classNames代替HOC来解决这个问题，我建议使用react-materialize - >https://react-materialize.github.io/#/