为什么我会得到＆＃34;意外的令牌＆＃34;在这个JSX的片段？

Question

我有

    return (
        <p>Sort by:
            <a onClick={this.toggleMenuVisibility}>
                {selectedFilterText} <Chicon className='bubble-trigger-icon' name='downarrow' />
            </a>
        </p>
        { menuIsVisible && this.getMenuItems(productAttributes) }
    );

并且得到了非常不受欢迎的

  

＆＃34;意外的令牌＆＃34;

指向{ menuIsVisible处的括号。知道问题是什么吗？

Answer 1

您无法返回两个根节点。您需要将function Session() { this.textInput = null; this.lineGutter = null; } 和{}表达式包装在div或其他元素中。这样做，它应该工作正常。

来源：the docs

另外，React的核心算法正在重新构建。新系统称为“光纤”，有许多改进，包括能够做你想做的事情。截至本文发布时（2016年10月），光纤无法使用。我听到的最后一次更新是，目标是光纤在2016年底之前与现有系统保持功能相同。