使用react material raised按钮进行google登录

Question

我使用react material组件来设计我们的应用程序。

<RaisedButton />

RaisedButton是react材料中可用的组件，您可以在其上执行常规操作，就像您在普通HTML按钮上所做的那样。http://www.material-ui.com/#/components/raised-button

同时，我还使用了react google login (https://www.npmjs.com/package/react-google-login)，它提供了自己的按钮。

但它的设计是如此糟糕，这就是为什么我想使用材料组件。现在，我如何在react-google-login组件中使用RaisedButton？

有什么建议吗？

注意:不需要从材料中复制css并传递到react-google按钮

Answer 1

您不能将Button -google-login组件与material-ui中的RaisedButton互换。但你能做的就是使用google-login的style和className道具，并根据你的需要对其进行css，例如，通过复制粘贴来自html源代码的RaisedButton样式。

顺便说一句，谷歌登录按钮的设计本身就是一个商标，不应该重新设计。可能会产生对用户的不信任。