// Create a component named MessageComponent
var MessageComponent = React.createClass({
render: function() {
return (
<div>{this.props.message}</div>
);
}
});
注 return ステートメント (3 行目) を括弧で囲む必要があるのはなぜですか? これは、JavaScript の自動セミコロン挿入によるものです。括弧がないと、JavaScript は次の行を無視し、値なしで返します。JSX が return と同じ行で始まる場合、括弧は必要ありません。
ここから撮影。