javascript - React Native 出错，不确定是什么

Question

最近我尝试使用 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 |

Answer 1

您需要将您的组件包装在 () 而不是 {} 中。

return (
    <ListItem>
        etc...
    </ListItem>
)