Question

我正在尝试在React中建立一个投资组合网站，我对React还是很陌生（大约3天），并且我已经为网站的导航栏导入了一些代码，并在代码中声明了它，但是没有出现在网站上，vscode表示未声明该值。我该如何解决？

我尝试将代码转换为组件并重新排列代码，但是我仍然得到相同的结果。

App.js-主要代码

import React from 'react';
import './App.css';
import navBar from './navBar/navBar';

function App() {
  return (
    <div className="app">
      //navBar that won't show up
      <navBar />
      <div className="landingPage"></div>
      <div className="projectPage"></div>
      <div className="aboutPage"></div>
      <div className="footer"></div>
    </div>
  )
}

export default App;

navBar的代码

import React from "react";
import "./navBar.css";

function navBar() {
    return (
        <div>
            <h1>NAVBAR PLACEHOLDER</h1>
        </div>
    )
}

export default navBar;

Answer 1

您的问题标题有些奇怪。您已修复代码中的值错误。但是该组件仍然存在错误：

//navBar that won't show up
<navBar />

在react中，自定义构建的组件名称应始终以大写字母开头。这样做：

import NavBar from './navBar/navBar';
// --  ^^ you can name it anything as it's default import

<NavBar />

“声明了值，但从未读取”，但我声明了值

1 个答案: