一看就会的React入门
import React from 'react';
import ReactDOM from 'react-dom';
// 创建一个组件
function HelloWorldComponent() {
return <h1>Hello, world!</h1>;
}
// 渲染组件到DOM
ReactDOM.render(
<HelloWorldComponent />,
document.getElementById('root')
);
这段代码首先导入了React和ReactDOM,然后定义了一个名为HelloWorldComponent
的函数组件,该组件返回一个包含欢迎信息的h1元素。接着,使用ReactDOM的render
方法将这个组件渲染到页面上ID为root
的元素内。这是一个简单的React入门示例,展示了如何创建一个React组件并将其显示在网页上。
评论已关闭