react-clipboard-copy
v1.0.0
Published
a react component based on clipboard.js
Downloads
59
Readme
bee-clipboard
基于clipboard.js封装的复制组件
Browser Support
| | | | | | | |:---:|:---:|:---:|:---:|:---:|:---:| | 42+ ✔ | 12+ ✔ | 41+ ✔ | 9+ ✔ | 29+ ✔ | 10+ ✔ |
react bee-clipboard component for tinper-bee
复制组件
使用方法
import Modal from 'bee-clipboard';
class ClipboardDemo extends Component {
render() {
function success() {
console.log('success');
}
function error() {
console.log('error');
}
return (
<Clipboard action="copy" text="我将被复制到剪切板" success={success} error={error}>
</Clipboard>
)
}
}
样式引入
- 可以使用link引入build目录下Clipboard.css
<link rel="stylesheet" href="./node_modules/bee-modal/build/Clipboard.css">
- 可以在js中import样式
import "./node_modules/bee-modal/src/Clipboard.scss"
//或是
import "./node_modules/bee-modal/build/Clipboard.css"
API
|参数|说明|类型|默认值|
|:---|:---:|:--:|---:|
|text|要复制的文本内容|string
|-|
|target|要复制内容的目标元素,可传选择器,如果选择器得出多个,会取第一个|string
|-|
|success|复制成功之后的回调函数|function
|-|
|error|复制失败之后的回调函数|function
|-|
开发调试
$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-clipboard
$ cd bee-clipboard
$ npm install
$ npm run dev