React原生渲染错误如何解决此问题

ctehm74n  于 2023-01-27  发布在  React
关注(0)|答案(1)|浏览(363)
Render Error
Error: Text strings must be rendered within a <Text> component.

如何在React Native中修复上述错误?以下是我的代码:Challenge1.jsx

import { View, Text, StyleSheet } from "react-native-web";
function Challenge1() {
    return (<View>
        <Text style={style.first}>
            Welcome to Thapa Technical Channel
        </Text>
        <Text style={style.second}>
            We love React native and i'm a subscriber of thapa technical channel
        </Text>
        <Text style={style.third}>
            Hii, My name is
        </Text>
    </View>)
}

const style = StyleSheet.create({
    first: {
        fontSize: 40,
        textAlign: "center",
        fontWeight: "bold"
    },
    second: {
        fontSize: 30,
        textAlign: "center"

    },
    third: {
        fontSize: 20,
        textAlign: "center",
        fontWeight: "bold"

    },
})
export default Challenge1;

以下是一些信息:
错误:文本字符串必须在组件内呈现。
此错误位于:分格(由Text创建)在Text中(由Challenge1创建)在div中(由View创建)在View中(由挑战1创建)在挑战1中(由应用程序创建)在RCTText中(由Text创建)在Text中(由应用程序创建)在RCTView中(由View创建)在View中(由应用程序创建)在应用程序中(由ExpoRoot创建)在RCTView的ExpoRoot中(由View创建)在View中(由AppContainer创建)在RCTView中(由View创建)在View中(由AppContainer创建)在main中的AppContainer中(RootComponent)

zphenhs4

zphenhs41#

保存代码时,将放置一个空字符串,即<View> {" "} /View>。您应该删除此字符串。

相关问题