1.0.0 • Published 7 years ago
react-clipboard-copy v1.0.0
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
1.0.0
7 years ago