为什么让{＆＃39;＆＃39;}崩溃React的渲染？

Question

我最近尝试制作一个组件，其中我在render函数的花括号内部有一个空字符串。当我尝试渲染时，没有任何东西出现。有人知道原因吗？

这是一个例子。删除第22行以查看之前和之后。 http://jsfiddle.net/tb5p9gpk/113/

Cause of the problem: {''}

Answer 1

因为您的{' '}不在包含<div></div>

之内

render: function() {
    return (
        <div> /* containing div */
            <HashTagInput onUpdate={this.onUpdate} hashtag={this.state.hashtag}  />
            <HashTagCount hashtag={this.state.hashtag} />
        </div>
        {' '} /* outside the containing div */
    )
}

形成反应文档调用时，应检查this.props和this.state并返回单个子元素。