【发布时间】：2017-04-14 05:16:56
【问题描述】：
我正在使用材料 ui 进行反应。所以当用户点击按钮时（来自material ui），会看到涟漪效果，但很快就会消失，我希望涟漪效果用不同的颜色填充按钮。
请提出如何实现这一点的建议。
谢谢。
【问题讨论】：
标签： css reactjs material-design material-ui
【发布时间】：2017-04-14 05:16:56
【问题描述】：
检查 TouchRipple 组件的code，它有一个名为color 的道具。所有 material-ui 组件都使用 TouchRipple 来实现波纹效果。现在你想控制按钮的这个道具的颜色。 Material UI 提供several 不同类型的按钮。你可以按照你想使用的按钮的代码，你会注意到他们使用了EnhancedButton，然后使用了TouchRipple。增强按钮exposes a prop调用touchRippleColor，可用于指定波纹效果的颜色。
【讨论】：
-
所以你的意思是我应该只使用 EnhancedButton 然后使用
touchRippleColor吗？ -
不，请阅读您正在使用的按钮类型的代码。了解它是否/如何将 touchRippleColor 属性的值发送到 EnhancedComponent。例如。 FlatButton 将其公开为
rippleColor道具，因此根据您使用的哪种按钮，道具名称可能会有所不同。 -
我使用的是RaisedButton，它有
rippleStyle，我可以在其中设置波纹效果的颜色和不透明度，但它只是设置波纹效果的样式。我无法用相同的颜色填充按钮。还是我在这里遗漏了什么？ -
所以你需要你的按钮最初有颜色，但是当涟漪效果执行时，你需要在涟漪完成时将按钮颜色更改为其他颜色。我的理解正确吗？
-
是的，因为波纹效果用该颜色填充按钮