不变违规：查找未找到名称div的配置

Question

我想在react-native项目中渲染。但模拟器显示错误： 不变违规：名称div找不到View config 有什么事？ 是否有在react-native中呈现<div>的解决方案？

代码示例：

 render() {
    return (
        <div>123</div>
    );
 }

Answer 1

<div>是无效的React Native Component

您应该使用React Native Basic Components

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

render() {
    return (
        <View>
            <Text>123</Text>
        </View>
    );
}

View是一个支持flexbox，样式，一些触摸处理和访问控制的布局的容器。而<Text>可用于显示任何文本。

Answer 2

React Native documentation未将HTML元素列为有效视图组件。 <div>没有查看配置，因为<div>不是React Native组件。