Javascript 组件没有'；t在另一个组件中加载 var hellomemessage=React.createClass({ render:function（）{ 返回 {this.props.message} } }); var HelloReact=React.createClass({ getInitialState:函数（）{ 返回{消息：'default'} }, updateMessage:function（）{ console.info（'updateMessage'）； this.setState（{message:this.refs.messageTextBox.value}）； }, render:function（）{ 返回 更新 {this.state.message} } });

我无法在HelloReact组件中加载HelloMessage组件。下面是我在浏览器控制台中遇到的错误

---

未捕获错误：HelloMessage.render（）：必须返回有效的React元素（或null）。您可能返回了未定义的、数组或其他无效对象。

在您的变体HelloMessage中，返回为空，因为您中断了行

返回
{this.props.message}

---

在您的变体中，HelloMessage的返回为空，因为您中断了第

行返回
{this.props.message}

换行符有时在JavaScript中很重要（记住，JSX只是JavaScript），这要归功于自动插入分号的恐怖。其中最臭名昭著的地方是：

return

之后的换行符。渲染没有返回任何内容，因为ASI正在插入

返回后
返回
：

var HelloMessage = React.createClass({
render:function() {
    return <h2>{this.props.message}</h2>
} });

…或使用
（）
防止ASI弄乱您的代码：

var HelloMessage = React.createClass({
render:function() {
    return <h2>{this.props.message}</h2>
} });

var hellomemessage=React.createClass({
render:function（）{
返回(
{this.props.message}
);
} });
由于自动插入分号的恐怖，换行符有时在JavaScript中很重要（记住，JSX只是JavaScript）。其中最臭名昭著的地方是：
return
之后的换行符。渲染没有返回任何内容，因为ASI正在插入
返回后
返回
：

var HelloMessage = React.createClass({
render:function() {
    return <h2>{this.props.message}</h2>
} });

…或使用
（）
防止ASI弄乱您的代码：

var HelloMessage = React.createClass({
render:function() {
    return <h2>{this.props.message}</h2>
} });

var hellomemessage=React.createClass({
render:function（）{
返回(
{this.props.message}
);
} });
我恳求您采用一种模糊的标准支撑方式，并与您的支撑和缩进保持一致，至少在提问时是这样。以上内容几乎无法阅读。自动插入分号。删除
HelloMessage
中
return
和
之间的新行，因为它不返回任何内容。我恳请您采用模糊的标准支撑样式，并与大括号和缩进保持一致，至少在提问时是这样。以上内容几乎无法阅读。自动插入分号。删除
HelloMessage
中
返回
和
之间的新行，因为按原样它不返回任何内容。
var HelloMessage = React.createClass({
render:function() {
    return <h2>{this.props.message}</h2>
} });

var HelloMessage = React.createClass({
render:function() {
    return (
        <h2>{this.props.message}</h2>
    );
} });