Javascript React Native出现错误，不确定原因是什么

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

错误消息的箭头在我使用本机基址的标记上突出显示 11 |{cardData.name}

---

12 |

您需要用非{}包装组件

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

---

您需要将组件包装在not{}中

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

在8号线上，你有

   return {

但是，您需要返回包含在中的JSX，而不是{}。用这种方式包装您的文件，错误就会消失。

在第8行，您有

   return {

但是，您需要返回包含在中的JSX，而不是{}。以这种方式包装您的文件，错误就会消失