最近我尝试使用React Native来构建自己的移动应用程序,但是在我学习的过程中,我遇到了这个错误,但我不确定为什么会这样
error: bundling failed: SyntaxError in C:\Users\john\Desktop\test\test.js: C:/Users/john/Desktop/test/test.js: Unexpected token (9:9)
7 | let testData = this.props.data.map(function(cardData, i){
8 | return {
> 9 | <ListItem>
| ^
10 | <Left>
错误消息的箭头在我使用native-base的标签上突出显示 11 | {cardData.name} 12 |
答案 0 :(得分:7)
您需要将组件包装在()中,而不是{}。
return (
<ListItem>
etc...
</ListItem>
)
答案 1 :(得分:3)
第8行,您有
return {
但是,您需要返回包含在()
中而不是{}
中的JSX。这样包装<ListItem>
,错误就会消失。