react base64

本文介绍一下如何在react中对于前端密码用base64加密算法加密，实现起来很简单，但是做需求的时候在网上并没有找到用价值的资料，所以记录一下。

1.添加base64的依赖

在react中运行

npm install --save base-64

此时在package.json中会出现base64的依赖

image.png

注：我们用npm下载依赖时，如果用的是

npm install --save base-64

命令，那么就会同时把依赖加入到package.json文件中；
但是如果我们用的是

npm install base-64

命令，此时依赖会下载，我们可以在node_modules文件夹中看到下载的依赖，但是并不会加入到package.json文件中。

2.需求实现

2.1在react中中引入依赖

import Base64  from 'base-64';

2.2 方法实现

 var input=this.refs.passwordInput.value;
 var time=new Date().valueOf();
 var sign=input+"+"+time;
 var b=Base64.encode(sign);
 var teamId=this.props.groupList.id;    
 this.props.onRemoveTeam(teamId,b,time);

input是获取input标签中输入的字段；
time是获取到当前时间戳；
Base64.encode方法就是对字符串进行加密；

是的，方法就这样实现了，很简单，如有错误欢迎指正！