react 记住密码
时间: 2023-11-11 10:01:01 浏览: 162
react native android 命令打包
在 React 中记住密码的方法有很多种,其中一种比较简单的方法是使用 localStorage。具体实现步骤如下:
1. 在登录页面,当用户勾选“记住密码”时,将用户名和密码存储到 localStorage 中:
```javascript
if (rememberMe) {
localStorage.setItem('username', username);
localStorage.setItem('password', password);
}
```
2. 在应用程序启动时,检查 localStorage 中是否存在用户名和密码,如果存在,则自动填充到登录表单中:
```javascript
componentDidMount() {
const username = localStorage.getItem('username');
const password = localStorage.getItem('password');
if (username && password) {
this.setState({ username, password });
}
}
```
需要注意的是,localStorage 中存储的密码是明文,因此需要在服务器端对密码进行加密处理。
阅读全文