爲什麼我會在這段JSX中獲得「意外的令牌」？

Question

我

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

和我得到了非常undescriptive

「意外令牌」

在{ menuIsVisible指向支架。任何想法是什麼問題？

Answer 1

您不能返回兩個根節點。您需要將<p>和{}表達式包裝在div或其他元素中。這樣做，它應該工作得很好。

來源：the docs

順便說一句，作出反應的核心算法被重新設計現在。這個名爲「光纖」的新系統有很多改進，包括能夠做你想做的事情。截至本文發佈之時（2016年10月），光纖無法使用。我聽到的最新更新是，光纖的目標是在2016年底之前與現有系統具有功能匹配。