Блог

Я запускаю react-native код в Visual studio code, поскольку он инициализирован и просто распечатывает шаблон по умолчанию, так что все было нормально, но как только я ввожу Ctrl S, коды автоматически странно меняются, а затем отображается ошибка «Ошибка: текстовые строки должны быть отображены внутри компонента».

Например, коды изначально были

 export default function App() {
    return ( 
        <View style = { styles.container }>
        <Text > Open up App.js to start working on your app! </Text>
        </View>    
        
        );
  

Но если я ввожу Ctrl S, то это странно меняется, поскольку

 export default function App() {
    return ( <
        View style = { styles.container } >
        <
        Text > Open up App.js to start working on your app! < /Text> <
        /View>    

    );
}
  

Если я изменю это значение, а затем введу Ctl S, то это снова странно изменит код, как описано выше, поэтому я не смогу запустить код…

Кто-нибудь знает решение для этого?

Вы можете вернуть только один элемент в компоненте. Если вы хотите вернуть более одного компонента, оберните их в a или используйте фрагмент.

 export default function App() {
    return (
       <> 
        <View style = { styles.container }>
        <Text > Open up App.js to start working on your app! </Text>
        </View>    
       </>
        );
  

Удалите установленные вами расширения или удалите приложение