React-Require-JS需要另一个组件

时间:2015-08-12 19:30:24

标签: javascript reactjs

如果我尝试使用React-Require-Js在另一个组件中渲染一个组件,我无法渲染我的React组件。

这是我尝试渲染的.jsx文件。它没有元素呈现。

var CommentList = require(['jsx!views/test2']);

var CommentBox = React.createClass({
  render: function() {
    return (
      <div className="commentBox">
        Hello, world! I am a CommentBox.
        <CommentList />
      </div>
    );
  }
});
React.render(
  <CommentBox />,
  document.getElementById('content')
);

这是我的views / test2.jsx文件。

var CommentList = React.createClass({
  render: function() {
    return (
      <div className="commentList">
        Hello, world! I am a CommentList.
      </div>
    );
  }
});

我对requirejs的配置就在这里。

require.config({
    paths: {
      "react": "react-with-addons",
      "JSXTransformer": "JSXTransformer"
    },
    jsx: {
        "fileExtension": ".jsx"
    }

});

require(['jsx!views/test']);

我收到了错误:

Uncaught Error: fromText eval for jsx!views/test failed: TypeError: inst.render is not a function
Uncaught TypeError: a.slice is not a function

任何帮助都会很棒。

0 个答案:

没有答案