我正在尝试在react组件中使用react-clipboard,以允许用户轻松地将一些文本复制粘贴到剪贴板,但我的代码无效。我想知道我是否遗漏了一些明显的东西。这是我的代码(请忽略用于关闭模态的样板):
'use strict';
import React from 'react';
import { Modal } from 'react-bootstrap';
import Clipboard from "react-clipboard";
class CopyText extends React.Component {
render() {
let text = JSON.stringify(this.props.value, null, " ");
return (
<div>
<p>Press Cmd + C to copy:</p>
<pre>{text}</pre>
<Clipboard value={text} />
</div>
);
}
}
class CopyLinkModal extends React.Component {
constructor(props) {
super(props)
this.onClick = this.onClick.bind(this);
}
onClick() {
this.props.onHide();
}
render() {
return (
<Modal show={this.props.show} message={this.props.message} onHide={this.onClick}>
<Modal.Body>
<div className="linkMessage">
<CopyText value={this.props.message} />
</div>
</Modal.Body>
<Modal.Footer>
<button onClick={this.onClick}>Close</button>
</Modal.Footer>
</Modal>
)
}
}
export default CopyLinkModal;
在大多数情况下,我都遵循https://www.npmjs.com/package/react-clipboard的指示,但我仍然得到 TypeError:TypeError:无法添加属性上下文,对象不可扩展 谢谢你的帮助。