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

时间:2019-08-09 12:59:26

标签: javascript reactjs react-native jsx unexpected-token

我是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;

1 个答案:

答案 0 :(得分:3)

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

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

您错过了}