React Error(TypeError):无法添加属性上下文,对象不可扩展

时间:2015-08-26 21:51:47

标签: javascript reactjs ecmascript-6

我正在尝试在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:无法添加属性上下文,对象不可扩展 谢谢你的帮助。

0 个答案:

没有答案