如果我尝试使用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
任何帮助都会很棒。