您如何修复未终止的JSX内容？

Question

我一直在使用React-Native尝试创建一个简单的应用程序。但是，我对此非常陌生，我不知道自己在做什么。 这是我的代码：

import React from 'react'
import { View, Text, Button } from 'react-native'
import { useNavigation } from "@react-navigation/core";

const HomeScreen = () => {

   const navigation= useNavigation();
   return (
       <View>
         <Text>I am the home screen<Text/>
         <Button title="Go to Chat Screen"
         onPress={() => navigation.navigate("Chat")}
         />
       </View>
   )
}
export default HomeScreen

这是错误：

SyntaxError: C:\Users\Owner\CornellDatingRemix\screens\HomeScreen.js: Unterminated JSX contents. (13:15)

  11 |           onPress={() => navigation.navigate("Chat")}
  12 |           />
> 13 |         </View>
     |                ^
  14 |     )
  15 | }
  16 | export default HomeScreen

如何解决此问题？

Answer 1

您只有一个错别字：

const HomeScreen = () => {

   const navigation= useNavigation();
   return (
       <View>
         <Text>I am the home screen<Text/> /// should be </Text>
         <Button title="Go to Chat Screen"
         onPress={() => navigation.navigate("Chat")}
         />
       </View>
   )
}
export default HomeScreen