反应不显示/渲染答案

【问题标题】：React Not Displaying / Rendering反应不显示/渲染
【发布时间】：2022-11-21 11:08:12
【问题描述】：

我最近开始学习 React。我想制作我的第一个应用程序并完成了以下操作。

创建了项目文件夹
运行 npx create-react-app App.js

运行 npm start

我的 src/App.js 如下：

import React from "react";
import ReactDOM from "react-dom/client";

const navbar = (
    <nav>
        <h1>Wiggly's</h1>
        <ul>
            <li>Menu</li>
            <li>About</li>
            <li>Contact</li>
        </ul>
    </nav>
);

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(navbar);

我的index.html如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML 5 Boilerplate</title>
    <link rel="stylesheet" href="">
</head>

<body>
    <div id="root">

    </div>

    <script src="App.js"></script>
</body>


</html>

当我刷新我的本地主机时，我仍然看到反应闪屏。

我在论坛上到处都看过，但一直无法弄清楚我做错了什么。这是我第一次使用 React，所以我可能会犯一个简单的错误。我感谢任何人的帮助。

【问题讨论】：

标签： javascript html reactjs

【解决方案1】：

我猜你错过了关注 React 组件需要的 naming convention。

将 const navbar = ( 更改为 const Navbar = ( 应该可以。

【讨论】：