相邻的 JSX 元素必须包裹在一个封闭标签 React Native 中

Question

我是 React Native 的初学者，正在尝试测试 TouchableOpacity。我不断收到此错误代码“必须将相邻的 JSX 元素包装在封闭标记中。你想要一个 JSX 片段 ...？ (16:4)'

问题似乎在于打开的 TouchableOpacity 标记。

我已经尝试在它周围放置碎片，但它不起作用有谁知道我如何解决这个问题？？

import React from 'react';
import { Text, StyleSheet, View, Button, TouchableOpacity } from 'react- 
   native';


const HomeScreen = () => {
  return (

  <View>
    <Text style={styles.text}>Sup boiz</Text>
    <Button
      onPress={() => console.log('Button pressed')} 
      title="Go to components demo"
    />
    <TouchableOpacity onPress={ () => console.log('List Pressed')>
        <Text>Go to List demo</Text>
    </TouchableOpacity>

  </View>

  );
};

const styles = StyleSheet.create({
  text: {
    fontSize: 30
  }
});

export default HomeScreen;

Answer 1

<TouchableOpacity onPress={ () => console.log('List Pressed')}>
        <Text>Go to List demo</Text>
</TouchableOpacity>

简单的语法错误。应该是onPress={ () => console.log('List Pressed')}

你错过了}