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

Question

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

代码示例：

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

Answer 1

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

Answer 2

<div> 是无效的 React Native Component

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

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

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

Invariant Violation: View config not found for name div