在react-admin的登录页面添加 "忘记密码 "的链接。

Question

我正在使用react-admin构建一个管理界面，目前，我正试图找到一种方法来添加一个在 Login 按钮，这样我就可以带用户完成账户恢复过程。

我已经准备好了一切 -- 自定义路由、自定义组件、API支持服务器端检查和操作等。我只需要在登录页面上添加一个链接组件，将账户恢复基础设施与网站的其他部分整合起来。

我一直在谷歌上寻找可能的解决方案，找到了一些过去人们提出的问题，但大多数都是处理自定义路由等问题，它们似乎与我的问题没有真正的关系。我也看了官方文档 此处但他们只说要改变登录页面的背景图片。

有人处理和解决过这个问题吗？

我使用的是react-admin 3.5.0。

Answer 1

自定义登录页面的形式往往不会尝试，因为react-admin团队让人很容易就能将该登录页面（模板）"采用 "到任何应用设置中。谢谢你们！!

好吧，不要太快。但如果我真的要定制登录页面呢？当我需要重构登录字段的时候，我就遇到了这个挑战。

让我们来仔细看一看 <Login> 是呈现出来的。

• 首先，你实际上需要通过 loginPage 榰 <Admin/>;

<Admin loginPage={CustomLoginPage} />

• 然后，在 CustomLoginPage渲染表格，并包含任何其他相关信息（在这种情况下，你的 "忘记密码 "链接

import { Form } from 'react-final-form';

const CustomLoginPage = props => {
   // any other logic
   return (
     <div>
       <Form {...props} render={() => (<form>...</form>)} />
       <a href='...'>Forgot Password?</a>
     </div>
   )
};

这段代码为react-admin演示版登录页面编写的 将帮助你进一步理解最后一部分。