繁体   English   中英

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

[英]React Error (TypeError): Can't add property context, object is not extensible

我正在尝试在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:无法添加属性上下文,对象不可扩展感谢任何救命。

react-clipboard package.json

"dependencies": {
    "react": "^0.12.2"
}

因此,不支持ES6类。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM