反应性应用错误

Question

这是我在react-native应用程序中编写的代码，并且添加了有关在Android虚拟设备上运行该应用程序时遇到的错误的图像。

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

const Header = () => {
    const { textStyle, viewStyle } = styles;

    return (
        <View style={viewStyle}>
        <Text style={textStyle} >Albums!</Text>
        </View>
    );
};

const styles = {
    viewStyle: {
        backgroundColor: '#F8F8F8'
    },
    textStyle: {
        fontSize:20
    }
};
export default Header;

错误如下：

Answer 1

只需删除文本结束标记后的分号即可。

return (
    <View style={viewStyle}>
    <Text style={textStyle} >Albums!</Text> "remove this semicolon ->;"
    </View>
);

Answer 2

如果您希望!可以编写这样的代码

return (
<View style={viewStyle}>
<Text style={textStyle} >{"Albums!"}</Text>
</View>

）;