Reactjs 如何更改npm软件包microsoft登录按钮上的文本？

我正在尝试建立一个登录/注册页面，允许多个用户登录/注册多个登录提供商，如微软、谷歌、Instragram等

我设法弄明白了如何使用Google和Instagram第三方npm软件包，但是，使用Microsoft登录按钮，根本就没有更改文本的选项？这可能吗？我想将其从“使用Microsoft登录”更改为“使用Microsoft登录”和“向Microsoft注册”。我有自己的功能来处理oAuth注册过程

这是我的代码，我只展示我无法理解的部分。此外，这是一个链接，显示了该软件包可以使用哪些道具

从“React”导入React；
从'react redux'导入{useDispatch}；
从“react microsoft login”导入MicrosoftLogin；
从“react router dom”导入{Link，useHistory}；
从“redux/actions”导入*作为操作；
常量microsoftResponse=（错误，响应）=>{
log（'err='，err）；
日志（'response successful'，response）；
};
常量注册表页=（）=>{
const dispatch=usedpatch（）；
const history=useHistory（）；
返回(
注册
或者创建一个新的本地帐户
警报（JSON.stringify（值，null，2））}
>
重新发送电子邮件确认
已经有账户了吗？
登录
);
};
导出默认注册表您不能“按原样”更改文本，因为按钮使用SVG图像。但是，作为解决方法，您可以通过一个儿童道具传递自定义按钮，其中包含您想要的任何文本

<MicrosoftLogin clientId={clientId} authCallback={loginHandler}>
  <button>Log in with Microsoft</button>
</MicrosoftLogin>


使用Microsoft登录

要记住的几件事：


您需要从头开始为自定义按钮设计样式
按钮样式应基于