javascript - 如何将 div 添加到 React Native？

Question

我刚刚开始使用我的 React native 应用程序，但遇到了一些麻烦。我有一些 react 经验，但这似乎没有多大帮助。文本周围的 div 本来是我的应用程序标题，所以我试图设置它的样式，但出于某种原因它会抛出一条错误消息说无法识别？

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Header from './components/Header';


class App extends React.Component {

return (
  <View style={styles.container}>
    
    <div>
    <Text>HELLO WORLD</Text>
    </div>
    
    
    <StatusBar style='auto' />
  </View>
);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});

谢谢

Answer 1

React Native 和 React 在结构和逻辑上是相关的，但是您使用的标签会有所不同。 React Native 上的 div 标签是 View 组件。

而不是使用: <div>Test</div>

你应该使用 <View><Text>Test<Text/></View>

还有一些:

<button> will be <Button>
<input> will be <Input>
<form> does not exist, you should use <View>
<ul><li>Test Item</li></ul> you should use <Flatlist /> or a [].map