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)
1条答案
按热度按时间zphenhs41#
保存代码时,将放置一个空字符串,即
<View> {" "} /View>
。您应该删除此字符串。