相鄰的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')}

你錯過了}