JSX 스 니펫에서 "예기치 않은 토큰"이 나타나는 이유는 무엇입니까?

Question

나는

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

을 가지고 { menuIsVisible에서 브래킷을 가리키는 매우 undescriptive

"예기치 않은 토큰"

을 얻고있다. 문제가 뭔지 아십니까?

Answer 1

두 개의 루트 노드를 반환 할 수 없습니다. <p>과 {} 표현식을 div 또는 다른 요소로 묶어야합니다. 그렇게하면 잘 작동합니다.

자료 : 제쳐두고로서 the docs

, 반작용의 코어 알고리즘 지금 새로운 아키텍처가되고있다. "Fiber"라고 불리는 새로운 시스템은 당신이하려고하는 것을 할 수있는 능력을 포함하여 많은 개선을했습니다. 이 게시물이 작성된 시점 (2016 년 10 월)부터는 광섬유를 사용할 수 없습니다. 내가 들었던 마지막 업데이트는 2016 년 말까지 Fiber가 기존 시스템과 기능 패리티를 유지하는 것이 목표라는 것입니다.