Question

嘿，我对本地人反应很新，有人可以请我帮忙this is the error i am getting

我的代码看起来像这样

Toolbar.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中没有任何价值。

您需要使用<View>或<Text>之类的React-Native组件来构建视图。

永久违反：找不到名称div的视图配置。确保组件名称以大写字母开头

1 个答案: