javascript - 不变违规 : View config not found for name div. 确保组件名称以大写字母开头

Question

我是 React Native 新手。这是我的错误:

我的代码如下所示:

工具栏.js 从 'react' 导入 React；

const Toolbar = props => (
    <header>
        <nav>
            <div></div>
            <div><a href="/">THE LOGO</a></div>
            <div>
                <ul>
                    <li><a href="/">Products</a></li>
                    <li><a href="/">Users</a></li>
                </ul>
            </div>
        </nav>
    </header>
);

export default Toolbar;

App.js

import React, { Component } from 'react';

import Toolbar from './components/Toolbar/Toolbar' 

class App extends Component {
  render() {
    return (
      <div className="App">
        <Toolbar />
      </div>
    );
  }
}

export default App;

index.js

import { AppRegistry } from 'react-native';
import App from './App';
AppRegistry.registerComponent('albums', () => App);

Answer 1

这是因为工具栏中的组件没有大写字母。经过进一步调查，您可以发现您正在尝试使用 html 标签。你不能在 React-Native 中使用 html 标签。类似 <div> 的标签, <header> , <nav>等等在 React-Native 中没有任何值(value)。

您需要使用 React-Native 组件，例如 <View>或<Text>来构建你的观点。