Javascript 可能是“无”） mark.style.webkitUserSelect='text' mark.style.mozzuserselect='text' mark.style.msUserSelect='text' mark.style.userSelect='text' mark.addEventListener（'copy'，函数（e）{ e、 停止传播（） }) document.body.appendChild（标记） //下面这句话很重要 如果（selection.rangeCount>0）{ selection.removeAllRanges（） } 范围。选择节点内容（标记） selection.addRange（范围） document.execCommand（'copy'） document.body.removeChild（标记） }} > 单击以复制文本 ) } } 导出默认应用程序 import React，{Component}来自“React” 类应用程序扩展组件{ render（）{ 返回( { 常量标记=document.createElement（'textarea'） mark.setAttribute（'readonly'，'readonly'） mark.value='copy me' mark.style.position='固定' mark.style.top=0 mark.style.clip='rect（0,0,0,0）' document.body.appendChild（标记） mark.select（） document.execCommand（'copy'） document.body.removeChild（标记） }} > 单击以复制文本 ) } } 导出默认应用程序 execCommand（'copy'）只能通过直接用户交互工作，即在onclick或其他事件处理程序中，我不确定，但完全履行承诺可能不会被视为用户操作。。？从中复制内容的元素必须是可见的。execCommand（'copy'）仅通过直接用户交互工作，即在onclick或其他事件处理程序中，我不确定，但完成承诺可能不会被视为用户操作。。？从中复制内容的元素必须是可见的。谢谢，但是lib做的事情和我做的一样，问题也会完全一样！谢谢，但是lib做了和我一样的事情，问题也会完全一样！xDI在导入包时遇到了将副本复制到剪贴板的问题。对我来说很好…我在导入包时遇到了react copy to clipboard问题。对我来说很好。。。 copyNshort = () => { const bitly = new BitlyClient('...') // Generic Access Token bit.ly let txt = document.getElementById('link-result') bitly.shorten(txt.value) .then((res) => { this.setState({ shortedLink: res.url }) if (this.state.shortedLink !== undefined) { document.getElementById('link-result-shorted').select() // get textarea value and select document.execCommand('copy') // copy selected console.log('The link has been shortened and copied to clipboard!') ReactDOM.render(<i className="fas fa-clipboard-check"></i>, document.getElementById('copied')) } console.log('Shortened link

You can use lib react-copy-to-clipboard to copy text.

import {CopyToClipboard} from 'react-copy-to-clipboard';`

function(props) {
    return (
       <CopyToClipboard text={'Text will be copied'}>
           <button>Copy button</button>
       </CopyToClipboard>
    );
}

import React, { Component } from 'react'
class App extends Component {
  render() {
    return (
      <div className="App">
        <h1
          onClick={e => {
            const range = document.createRange()
            const selection = document.getSelection()
            const mark = document.createElement('span')
            mark.textContent = 'text to copy'
            // reset user styles for span element
            mark.style.all = 'unset'
            // prevents scrolling to the end of the page
            mark.style.position = 'fixed'
            mark.style.top = 0
            mark.style.clip = 'rect(0, 0, 0, 0)'
            // used to preserve spaces and line breaks
            mark.style.whiteSpace = 'pre'
            // do not inherit user-select (it may be `none`)
            mark.style.webkitUserSelect = 'text'
            mark.style.MozUserSelect = 'text'
            mark.style.msUserSelect = 'text'
            mark.style.userSelect = 'text'
            mark.addEventListener('copy', function(e) {
              e.stopPropagation()
            })

            document.body.appendChild(mark)

            // The following line is very important
            if (selection.rangeCount > 0) {
              selection.removeAllRanges()
            }

            range.selectNodeContents(mark)
            selection.addRange(range)
            document.execCommand('copy')
            document.body.removeChild(mark)
          }}
        >
          Click to Copy Text
        </h1>
      </div>
    )
  }
}

export default App


import React, { Component } from 'react'
class App extends Component {
  render() {
    return (
      <div className="App">
        <h1
          onClick={e => {
            const mark = document.createElement('textarea')
            mark.setAttribute('readonly', 'readonly')
            mark.value = 'copy me'
            mark.style.position = 'fixed'
            mark.style.top = 0
            mark.style.clip = 'rect(0, 0, 0, 0)'
            document.body.appendChild(mark)
            mark.select()
            document.execCommand('copy')
            document.body.removeChild(mark)

          }}
        >
          Click to Copy Text
        </h1>
      </div>
    )
  }
}

export default App