В React я хочу добавить функцию копирования в буфер обмена, написав простую функцию без каких-либо импортированных файлов?

Question

Я не хочу импортировать какие-либо файлы, такие как реагировать, копировать в буфер обмена .Я просто хочу использовать простую функцию JS, и она должна работать для строк, значений, состояний, реквизитов ... и т.д.

Answer 1

Как правило, мы можем сделать это несколькими способами, импортируя файлы. Я бы не советовал этого делать, потому что мы импортируем файлы только для более крупных вещей.

В целом решение дано для текстовой области или типа ввода

Вот мое решение, которое работает для реквизита, значений, строк, состояний или любого другого типа данных

clipboardCopy() {
    var copyCode = document.createElement('textarea')
    copyCode.innerText = this.props.voucher_id //you can use props,states,values,strings. I just used props 
    document.body.appendChild(copyCode)
    copyCode.select()
    document.execCommand('copy')
    copyCode.remove()
    this.toggleRegisterModal()
}

, вы можете использовать это решение в реакции,JavaScript или в любом другом фреймворке