Javascript 为什么我会得到；意外标记“；在这个JSX片段中？

我有

返回(
排序方式：
{selectedFilterText}

{menuIsVisible&&this.getMenuItems（productAttributes）}
);

我得到的是非常不真实的描述

“意外令牌”

---

指向

{menuIsVisible

处的括号。知道问题出在哪里吗？

您不能返回两个根节点。您需要将

和{}表达式包装在一个div或其他元素中。这样做应该可以正常工作

资料来源：

另一方面，React的核心算法目前正在重新设计。名为“Fiber”的新系统有很多改进，包括能够完成您试图完成的任务。截至本文发表之时（2016年10月），光纤不可用。我听到的最后一个更新是，光纤的目标是在2016年底前与现有系统实现功能对等

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