问题
I have the following component that renders a series of components. However, I downloaded React 16.2 and tried to use fragments instead of divs, but I get the following error:
Error in ./src/containers/answers.js
Syntax error: Unexpected token (24:5)
22 |
23 | return (
> 24 | <>
| ^
25 | {AnswersCard}
26 | </>
27 | )
Why am I getting this error when fragments are supposed to be able to replace divs in React 16.2?
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}
</>
)
}
}
回答1:
As per the documentation, the syntax <></>
is not supported by all tools and they encourage you to use <React.Fragment>
instead
Check this documentation on Support for Fragment syntax
来源:https://stackoverflow.com/questions/48596157/fragments-giving-unexpected-token-error-in-react-16-2