[英]Adjacent JSX elements must be wrapped in an enclosing tag React Native
I'm a beginner in React Native trying to test out TouchableOpacity. 我是React Native的初学者,试图测试TouchableOpacity。 I keep getting this error code 'Adjacent JSX elements must be wrapped in an enclosing tag.
我一直得到这个错误代码'相邻的JSX元素必须包装在一个封闭的标签中。 Did you want a JSX fragment <>...?
你想要一个JSX片段<> ......? (16:4)'
(16:4)”
The issue seems to be at the opening TouchableOpacity tag. 问题似乎是在开始的TouchableOpacity标签上。
I've already tried putting fragments around it but it didn't work does anyone know how I fix this?? 我已经尝试过将碎片放在它周围,但它不起作用有没有人知道我如何解决这个问题?
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;
<TouchableOpacity onPress={ () => console.log('List Pressed')}>
<Text>Go to List demo</Text>
</TouchableOpacity>
Simple syntax error. 语法错误很简单。 It should be
onPress={ () => console.log('List Pressed')}
它应该是
onPress={ () => console.log('List Pressed')}
You missed }
你错过了
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.