JSXのrender()で別の関数の戻り値だけを出力することができない理由を知りたい
var React = require('react');
module.exports = React.createClass({
renderActually: function() {
return <p>hoge</p>;
},
render: function() {
return {this.renderActually()};
}
});
のようなJSX
ファイルを利用しようとすると、コンパイル時にエラーが出ます。
代わりに
render: function() {
return <p>hoge</p>;
}
あるいは
render: function() {
return <div>{this.renderActually()}</div>;
}
とすれば正常にコンパイルされて動作します。最初のコードでエラーが起こるのはJSX
のどういった仕様あるいは制限によるものでしょうか。