使用React开发Firefox扩展时,控制台记录某些对象不起作用

时间:2015-03-04 04:15:06

标签: firefox-addon reactjs firefox-addon-sdk

控制台记录某些对象,例如this.refswindow对象会导致终端出现TypeError: cyclic object value错误。

我的代码很基本:我试图更改网页上的html(在其中放置反应组件)。

Main.js:

var pageMod = require("sdk/page-mod");
var self = require("sdk/self");
var { MatchPattern } = require("sdk/util/match-pattern");

// Create a page mod
// It will run a script whenever a ".org" URL is loaded
// The script replaces the page contents with a message
pageMod.PageMod({
  include: /.*wikipedia.org\/wiki\/.*/,
  contentScriptFile: [
        self.data.url("react-with-addons.js"),
        self.data.url("testing.js"),
    ],
    contentScriptWhen: "ready",
    // contentStyleFile: self.data.url("style.css"),
});

testing.js:

var AppContainer = React.createClass({displayName: "AppContainer",

   componentDidMount: function() {
      console.log(this.refs.myRef);
      console.log(window);
   },

   render: function() {
      console.log('rendering');
      return (
         React.createElement("div", {ref: "myRef"})
         );

   }
});

React.render(React.createElement(AppContainer, null), document.getElementById('content'));

运行cfx run后,componentDidMount中的日志不会在浏览器控制台中显示任何内容,并显示cyclic object value(尝试将窗口对象记录到控制台)。为什么遇到困难?

0 个答案:

没有答案