javascript Vite with react -导入的函数不显示在浏览器中

dddzy1tm 于 2023-05-27 发布在 Java

关注(0)|答案(2)|浏览(130)

我正在使用Vite和react，我想在浏览器中显示./Components/Navbar.jsx导入的函数。
为此，我在App.jsx中创建了以下脚本：

import { Nav } from "./Componentes/Navbar";

function App() {
  return (
    <>
      <Nav />
    </>
  )
}

函数（Navbar.jsx）的代码如下：

import React from "react";

function Nav() {
    <>
        <h1>Navbar goes here</h1>
    </>
}

export default Nav()

但代码在浏览器中不显示任何内容。有人能帮我吗

2条答案

你的函数Nav没有返回任何东西。返回也是错误的。

import React from "react";

function Nav() {
    return (
        <>
            <h1>Navbar goes here</h1>
        </>
    );
}

export default Nav;

1.在Nav.jsx文件中使用此代码

import React from "react";
function Nav() {
    return <h1>Navbar goes here</h1>;
}
export default Nav;

1.并在App.jsx中导入如下内容：

import Nav from "./Componentes/Navbar";