React 复制链接到粘贴版（copy-to-clipboard库)


**

React 复制链接到粘贴版（copy-to-clipboard库）

**

一级目录

1.安装

1
npm install copy-to-clipboard --save

2.在package.json内

1
2
3
"dependencies":{
    "copy-to-clipboard":"^3.0.5"
}

3.使用方法

1
2
3
4
5
6
7
8
//引入
import copy from 'copy-to-clipboard';

//使用方法
copyUrl = () => {
    copy(this.props.url);
    message.success('复制成功，如果失败，请在输入框内手动复制');
}

4.获取地址（解码）
（1）编码函数 encodeURI(): 将非字母、数字、字符转换成ASCII码，以16进制表示
（2）译码函数 decodeURI(): 将被encodeURI()编译过的ASCII码转换成对应的字符
（3）编码函数 encodeURIComponent(): 将非字母、数字、字符转换成ASCII码
（4）译码函数 decodeURIComponent(): 将被encodeURIComponent()编译过的ASCII码转换成对应的字符

1
const searchParams = decodeURI(window.location.herf);