反应复制到剪贴板使用不起作用

Question

单击content一次后如何复制？下面是我的代码，但是当我单击并执行ctrl + v时，它没有被复制

class App extends Component {
  state = {
    value: "",
    copied: false
  };
  render() {
    return (
      <div className="App">
        <CopyToClipboard
          text={this.state.value}
          onCopy={text => this.setState({ copied: true, text })}
        >
          <span>content</span>
        </CopyToClipboard>
        {this.state.copied ? (
          <span style={{ color: "red" }}>Copied.</span>
        ) : null}
      </div>
    );
  }
}

doc：https://www.npmjs.com/package/react-copy-to-clipboard

Answer 1

您没有在程序中更改this.state.value。尝试在代码中设置您要复制的值。