Javascript 从生成的文本复制到剪贴板
我想请求有关我的代码的帮助。我试图创建一个按钮,将从下拉列表和文本字段中复制生成的文本,并将其放入一个文件夹中。红色框中的那个是我想用“复制”按钮复制的,但我不知道如何复制。这是我的密码 常量[inputValue,setInputValue]=useState(“”)Javascript 从生成的文本复制到剪贴板,javascript,reactjs,Javascript,Reactjs,我想请求有关我的代码的帮助。我试图创建一个按钮,将从下拉列表和文本字段中复制生成的文本,并将其放入一个文件夹中。红色框中的那个是我想用“复制”按钮复制的,但我不知道如何复制。这是我的密码 常量[inputValue,setInputValue]=useState(“”) import './App.css'; import 'bootstrap/dist/css/bootstrap.min.css'; import DropdownButton from 'react-bootstrap/Dr
import './App.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import DropdownButton from 'react-bootstrap/DropdownButton';
import Dropdown from 'react-bootstrap/Dropdown'
import React,{useState} from 'react';
import {CopyToClipboard} from 'react-copy-to-clipboard';
const divStyle = {
margin: '2px',
paddingTop:'10px'
};
function App() {
const [priority,setPriority]=useState('');
const handleSelect=(e)=>{
console.log(e);
setPriority(e)
}
const [description, setDescription] = useState("");
const descriptionChangeHandler = e => {
e.preventDefault()
setDescription(e.target.value);
}
return (
<div className="App container">
<DropdownButton
alignRight
title="Select Priority"
id="dropdown-menu-align-right"
onSelect={handleSelect}
>
<Dropdown.Item eventKey="P1">P1</Dropdown.Item>
<Dropdown.Item eventKey="P2A">P2A</Dropdown.Item>
<Dropdown.Item eventKey="P2C">P2C</Dropdown.Item>
<Dropdown.Item eventKey="P3A">P3A</Dropdown.Item>
</DropdownButton>
<input className="input is-rounded" type="text" placeholder="description" onChange=
{descriptionChangeHandler} value={description}/>
<div>
OCP
<CopyToClipboard text= {priority,description} >
<button>Copy</button>
</CopyToClipboard>
<h4> {priority} | {description} | </h4>
</div>
</div>
);
export default App;