如何重新设计"react-google-login“的按钮？

Question

如何重新设计"react-google-login“的按钮？我想改变这一点：

​

要这样做：

​

Answer 1

实际上，我自己找到了答案，我所要做的就是：

<GoogleLogin
        clientId="client_id_goes_here"
        render={(renderProps) => (
          <button onClick={renderProps.onClick} disabled={renderProps.disabled}>
            This is my custom Google button
          </button>
        )}
        buttonText="Login"
        onSuccess={onSuccessGoogleSignIn}
        onFailure={onFailureGoogleSignIn}
        cookiePolicy={"single_host_origin"}
      />