javascript React不会在浏览器中呈现

iswrvxsc 于 2023-04-28 发布在 Java

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

我是React的新手。js，我试图在浏览器（Firefox）中呈现以下代码，但它不起作用。有人能帮帮我吗？
React.js:

import React from "react"
import ReactDOM  from "react-dom/client"
const page = (
    <div>
        <ul>
            <li>Thing 1</li>
            <li>Thing 2</li>
        </ul>
        <ul>
            <li>Thing 3</li>
            <li>Thing 4</li>
        </ul>
        <ul>
            <li>Thing 5</li>
            <li>Thing 6</li>
        </ul>
    </div>
)
ReactDOM.createRoot(document.getElementById("root"))
root.render(page)

HTML：

<html>
    <head>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <div id="root"></div>
        <script src="index.js"></script>
    </body>
</html>

注意：我正在使用Firefox和Visual Studio的Linux mint代码

JavaScript

来源：https://stackoverflow.com/questions/76123360/react-does-not-render-in-the-browser

2条答案

按热度按时间

ilmyapht1#

React使用类或函数组件来呈现显示的HTML，但是，您只在括号中提供了一些JSX。
更新代码以使用功能组件（推荐的方式）。

const page = () => {
    return (
    <div>
        <ul>
            <li>Thing 1</li>
            <li>Thing 2</li>
        </ul>
        <ul>
            <li>Thing 3</li>
            <li>Thing 4</li>
        </ul>
        <ul>
            <li>Thing 5</li>
            <li>Thing 6</li>
        </ul>
    </div>
    );
}

你也可以阅读React。js文档，因为它们提供了如何使用react的很好的例子。https://react.dev/

赞(0）回复(0）举报 2023-04-28

4zcjmb1e2#

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

const page = (
    <div>
        <ul>
            <li>Thing 1</li>
            <li>Thing 2</li>
        </ul>
        <ul>
            <li>Thing 3</li>
            <li>Thing 4</li>
        </ul>
        <ul>
            <li>Thing 5</li>
            <li>Thing 6</li>
        </ul>
    </div>
);

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<>{page}</>);

Dom导入错误

赞(0）回复(0）举报 2023-04-28

我来回答

javascript React不会在浏览器中呈现

2条答案

相关问题

热门标签

最新问答