Javascript 组件未在reactJS中呈现

我有3个组件，即

App

、

Greet

和

navBar

。当我尝试导入

App

和

Greet

时，它被成功渲染，但是

navBar

组件没有被渲染，下面是我的代码

App.js

import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <h1>Haloo</h1>
        <input type = "text"></input>
      </header>
    </div>
  );
}

export class Greet extends React.Component {
  render() {
    return (
    <center>
    <h1>Hello World</h1>
    </center>
    );
  }
}

export class navBar extends React.Component {
  render() {
    return (
    <center>
    <h1>Navbar</h1>
    </center>
    )
  }
}



export default App;

从“React”导入React；
从“/logo.svg”导入徽标；
导入“/App.css”；
函数App（）{
返回(
哈洛
);
}
export类扩展React.Component{
render（）{
返回(
你好，世界
);
}
}
导出类navBar扩展React.Component{
render（）{
返回(
导航栏
)
}
}
导出默认应用程序；

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import navComponent, {navBar} from './App';
import GreetComponent, {Greet} from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(
  <App />,
document.getElementById('root')
);

ReactDOM.render(
    <Greet />,
  document.getElementById('greet')
);

ReactDOM.render(
  <navBar />,
  document.getElementById('nav')
);

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
从“./App”导入应用程序；
从“/App”导入navComponent，{navBar}；
从“./App”导入GreetComponent，{Greet}；
将*作为serviceWorker从“/serviceWorker”导入；
ReactDOM.render(
,
document.getElementById（'root'））
);
ReactDOM.render(
,
document.getElementById（'greet'）
);
ReactDOM.render(
,
document.getElementById（'nav'）
);

---

我已经尝试过的是，更改组件名称，但仍然相同，感谢您的帮助，任何帮助都将不胜感激，我仍在学习

ReactJS

所有React组件名称必须以大写字母开头。查看将其重命名为“Navbar”是否有效。

所有React组件名称必须以大写字母开头。查看将其重命名为“导航栏”是否有效。

您正在从应用程序导出一个

默认值。制作两个单独的文件，分别为ofr greet和nav。从那里导入它们。仅呈现根元素。您正在从应用导出默认值。制作两个单独的文件，分别为ofr greet和nav。从那里导入它们。仅呈现根元素。@LuthfiMusafa如果您在应用程序中导入其他组件，然后仅呈现主应用程序组件，则效果更好，请参见此@LuthfiMusafa如果您在应用程序中导入其他组件，然后仅呈现主应用程序组件，则效果更好，请参见此