reactjs 我试图导入导航栏组件并使用它,但仍然得到警告,它从来没有使用过?

wljmcqd8  于 2023-02-12  发布在  React
关注(0)|答案(1)|浏览(112)

我试图导入导航栏组件并使用它,但为什么它没有显示,当我使用它,仍然得到警告,我从来没有使用过它?

//navbar.js
import React from 'react'

export default function navbar() {
return (
<div> this is navbar component</div>
)}

//app.js
import navbar from './component/navbar';

function App() {
return (
<>
<h1>hello</h1>
<navbar />
</>
);}

export default App;

src\App.js
Line 2:8:  'navbar' is defined but never used  no-unused-vars
ih99xse1

ih99xse11#

您应该将导航栏更改为导航栏

//navbar.js

export default function Navbar() {
return (
<div> this is navbar component</div>
)}

//app.js
import Navbar from './component/navbar';

function App() {
return (
<>
<h1>hello</h1>
<Navbar />
</>
);}

自定义组件名称的第一个字符必须大写。
并且您不需要在navbar.js中导入react

相关问题