我无法将我的组件获取到我的主应用程序以在本地主机上显示

Question

我正在 Rect Vite 中创建一个数字时钟。

我有一个主 App.jsx，我正在将 DigitalClock.jsx 导入到主应用程序中。

但是由于某种原因，DigitalClock 组件没有显示在本地主机服务器上。

这是我的主 App.jsx 的代码：

import DigitalClock from "./DigitalClock";

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

export default App

这是 Digitalclock.jsx 的代码：

import React, {useState, useEffect} from "react";

function DigitalClock(){

    return(
        <div className="clock-container">
            <div className="clock">
                <span>00:00:00</span>
            </div>
        </div>
    );
}
export default DigitalClock;

我的本地主机服务器在 http://localhost:5173/ 上运行良好

我的index.css对于添加到app.jsx、背景等的任何内容都渲染得很好。

但是跨度没有显示。或者即使我只是添加一个

它也不会显示。

Answer 1

您正在从

<></>

返回一个空片段

App.jsx

，我看到您已导入

DigitalClock

但您没有使用它。

将

App.jsx

代码更改为：

import DigitalClock from "./DigitalClock";

function App(){
    
    return <DigitalClock />;
};

export default App