React Native的错误,不确定是什么原因

时间:2018-08-17 12:40:48

标签: javascript react-native react-native-android

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

2 个答案:

答案 0 :(得分:7)

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

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

答案 1 :(得分:3)

第8行,您有

   return {

但是,您需要返回包含在()中而不是{}中的JSX。这样包装<ListItem>,错误就会消失。