A react component based on js, Click to copy and mouseover will show tip

kangaroo711

react-copy-clipboard

# Demo 示例
![img](https://img-blog.csdnimg.cn/20200911164443863.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjU5NjQx,size_16,color_FFFFFF,t_70#pic_center)  
  
[Github Address](https://github.com/kangaroo711/react-copy-clipboard)
  
  
# English
A react component based on js, Click to copy and mouseover will show tip.

## Install
Install with npm:

```
$ npm install --save react-copy-clipboard
```

## Usage
``` javascript
  import CopyClipboard from 'react-copy-clipboard';

  <CopyClipboard text='www.google.cn' suffix='(click)'>
    <span>URL</span>
  </CopyClipboard>
```

## Options
| param  |  type  |                                      |
| :----: | :----: | :----------------------------------- |
|  text  | String | Enter the text what you need to copy |
| suffix | String | How to Use Tips                      |


  
***  
***  
  


# Chinese
一个基于react的组件, 点击文字实现复制和鼠标悬浮文字上方会显示文本和点击后的复制提示

## 安装
npm工具执行语法:
```
$ npm install --save react-copy-clipboard
```

## 使用
``` javascript
  import CopyClipboard from 'react-copy-clipboard';

  <CopyClipboard text='www.baidu.com' suffix='(点击复制)'>
    <span>地址</span>
  </CopyClipboard>
```

## 参数
| param  |  type  |                        |
| :----: | :----: | :--------------------- |
|  text  | String | 输入你需要要拷贝的文本 |
| suffix | String | 额外的提示用户如何使用 |



param	type
text	String	Enter the text what you need to copy
suffix	String	How to Use Tips

param	type
text	String	输入你需要要拷贝的文本
suffix	String	额外的提示用户如何使用

react-copy-clipboard

Demo 示例

English

Install

Usage

Options

Chinese

安装

使用

参数

Keywords