簡體   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