简介
ab-react-login-basic 是一个供 React 应用使用的登录组件。该组件具备以下功能:
- 提供登录表单,支持用户名密码登录和第三方登录方式
- 支持记住密码功能,使用户下次登录时可以快速登录
- 支持快速注册功能,使用户可以在登录页快速注册账号
- 支持自定义登录接口,使用户可以通过配置自定义登录接口
ab-react-login-basic 是基于 React 和 Material-UI 二次封装而成,提供了易用、美观的登录组件,适用于快速搭建登录系统的需求。
安装
使用 npm 进行安装:
--- ------- -------------------- ------
使用方法
渲染登录组件
------ ----- ---- -------- ------ ----------------- ---- ----------------------- -------- ------- - ------ - ------------------ -- -- -
国际化
------ ----- ---- -------- ------ ----------------- ---- ----------------------- ------ ----- ---- ----------------------- ------ ----- ---- ----------------------- -------- ------- - ------ - ------------------ ---------- -------- ------ -------- ------ -- -- -- -
使用自定义登录接口
------ ----- ---- -------- ------ ----------------- ---- ----------------------- -------- ------- - ----- ----------- - ----- ------- --------- -- - ----- -------- - ----- ------------------------ - ------- ------- -------- - --------------- ------------------- -- ----- ---------------- ------ --------- --- --- -- ------------- - ----- ---- - ----- ---------------- ------------------ ---------- ------ - ---- - ------------------ --------- --------------------- - -- ------ - ------------------ --------------------- -- -- -
在右侧显示自定义组件
------ ----- ---- -------- ------ ----------------- ---- ----------------------- -------- ------------ - ------ - ---- -------- -------- ------- --------------- --------- ----------- -------- --- ----------- ------------- ------ --------- ------------- ------ -- - -------- ------- - ------ - ------------------ -------- ----------- ------- --- -- -- -- -
配置项
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
locales | 国际化配置 | Object | {} |
onLogin | 登录回调函数 | Function | undefined |
onRegister | 注册回调函数 | Function | undefined |
rememberMe | 是否支持记住密码 | Boolean | true |
extra | 额外组件 | Array | [] |
结语
以上即为 ab-react-login-basic 的使用教程,希望能对您有所帮助,也欢迎大家对该组件提出宝贵的意见和建议。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60055d0a81e8991b448da9eb