在 React 16.2 中出现意外令牌错误的片段
Fragments giving Unexpected token error in React 16.2
我有以下呈现一系列组件的组件。但是,我下载了 React 16.2 并尝试使用片段而不是 div,但出现以下错误:
Error in ./src/containers/answers.js
Syntax error: Unexpected token (24:5)
22 |
23 | return (
> 24 | <>
| ^
25 | {AnswersCard}
26 | </>
27 | )
当片段应该能够替换 React 16.2 中的 div 时,为什么我会收到此错误?
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}
</>
)
}
}
根据 documentation,并非所有工具都支持语法 <></>
,他们鼓励您改用 <React.Fragment>
查看有关片段语法支持的this文档
我有以下呈现一系列组件的组件。但是,我下载了 React 16.2 并尝试使用片段而不是 div,但出现以下错误:
Error in ./src/containers/answers.js
Syntax error: Unexpected token (24:5)
22 |
23 | return (
> 24 | <>
| ^
25 | {AnswersCard}
26 | </>
27 | )
当片段应该能够替换 React 16.2 中的 div 时,为什么我会收到此错误?
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}
</>
)
}
}
根据 documentation,并非所有工具都支持语法 <></>
,他们鼓励您改用 <React.Fragment>
查看有关片段语法支持的this文档