"import React from "react";\nimport ReactDOM from "react-dom";\n\nfunction Hello(props) {\n return

Hello World!

;\n}\n\nReactDOM.render(, document.getElementById("root"));\n\n这段代码使用 React 和 ReactDOM 库创建一个名为 Hello 的组件,并将其渲染到 id 为 "root" 的 HTML 元素中。\n\n首先,导入 React 和 ReactDOM 库。\n\n然后,定义一个名为 Hello 的函数组件,该组件接受一个名为 props 的参数。在本例中,Hello 组件未使用 props 参数,但您可以在函数组件中使用 props 来接收父组件传递的数据。\n\n在 Hello 函数中,返回包含

Hello World!

的元素。\n\n最后,使用 ReactDOM.render 方法将 Hello 组件渲染到 id 为 "root" 的 HTML 元素中。这意味着您的 HTML 页面需要包含一个 id 为 "root" 的元素,以便 React 将组件渲染到该元素中。

React 入门指南:创建第一个 Hello World 组件

原文地址: https://www.cveoy.top/t/topic/pp6i 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录