Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从生成的文本复制到剪贴板_Javascript_Reactjs - Fatal编程技术网

Javascript 从生成的文本复制到剪贴板

Javascript 从生成的文本复制到剪贴板,javascript,reactjs,Javascript,Reactjs,我想请求有关我的代码的帮助。我试图创建一个按钮,将从下拉列表和文本字段中复制生成的文本,并将其放入一个文件夹中。红色框中的那个是我想用“复制”按钮复制的,但我不知道如何复制。这是我的密码 常量[inputValue,setInputValue]=useState(“”) import './App.css'; import 'bootstrap/dist/css/bootstrap.min.css'; import DropdownButton from 'react-bootstrap/Dr

我想请求有关我的代码的帮助。我试图创建一个按钮,将从下拉列表和文本字段中复制生成的文本,并将其放入一个文件夹中。红色框中的那个是我想用“复制”按钮复制的,但我不知道如何复制。这是我的密码

常量[inputValue,setInputValue]=useState(“”)

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;