React 16.2에서 예기치 않은 토큰 오류를 나타내는 fragment

React 16.2에서 예기치 않은 토큰 오류를 나타내는 fragment

저는 일련의 컴포넌트를 렌더링하는 다음 컴포넌트를 가지고 있습니다.그러나 React 16.2를 다운로드하여 div 대신 fragment를 사용하려고 하면 다음과 같은 오류가 나타납니다.

Error in ./src/containers/answers.js
Syntax error: Unexpected token (24:5)

  22 |     
  23 | return (
> 24 |     <>
     |      ^
  25 |       {AnswersCard}
  26 |     </>
  27 |    )

리액트 16.2의 div를 fragment로 대체할 수 있을 텐데 왜 이 에러가 발생하는 거죠?

  question ? 
    AnswersCard = ( question.answers.sort(function(a,b) { return (a.count < b.count) ? 1 : ((b.count > a.count) ? -1 : 0)} 
    ).map(answer =>  
    <Answer key={answer.id} answer={answer} questionId={question.id} />
    )) : AnswersCard = ( <p>Loading...</p> )

return (
    <>
      {AnswersCard}
    </>
   )
  }
}

설명서에 따르면 구문은<></>모든 툴에서 지원되는 것은 아니기 때문에<React.Fragment>대신

Support for Fragment 구문에 대한 이 문서를 참조하십시오.

언급URL : https://stackoverflow.com/questions/48596157/fragments-giving-unexpected-token-error-in-react-16-2