反應 function 組件有返回，但它返回 void

Question

我是 Js 和 React 的新手，試圖進入這個框架。

我的問題出在這個組件中，它說它什么都不返回或缺少 return 語句，但我已經聲明了我的 return 語句，如下所示。

const navbar = () => {
    return (
        <nav className="navbar navbar-expand-lg navbar-light bg-light">
            <div className="container-fluid">
                <a className="navbar-brand" href="#">Navbar</a>
                <button
                    className="navbar-toggler"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#navbarNavAltMarkup"
                    aria-controls="navbarNavAltMarkup"
                    aria-expanded="false"
                    aria-label="Toggle navigation"
                >
                    <span className="navbar-toggler-icon"></span>
                </button>
                <div className="collapse navbar-collapse" id="navbarNavAltMarkup">
                    <div className="navbar-nav">
                        <a className="nav-link active" aria-current="page" href="#">Home</a>
                        <a className="nav-link" href="#">Features</a>
                        <a className="nav-link" href="#">Pricing</a>
                        <a className="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
                    </div>
                </div>
            </div>
        </nav>
    )
}

export default navbar

Answer 1

經過一段時間重做我的步驟並查看我的文件后，我注意到容器中有 2 個 Nav.js 1 和組件中的 1 個。

我在容器上編輯 Nav.js，但從組件導入。 那是我的問題，之后我編輯了正確的文件，並按照 Kevin 和 Jayce 的說法使用了 NavBar 並進行了渲染。

菜鳥的錯誤...