React从入门到实战 - React初体验
import React from 'react';
import ReactDOM from 'react-dom';
// 创建一个React组件
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
// 渲染组件到DOM
ReactDOM.render(
<Welcome name="Sara" />,
document.getElementById('root')
);这段代码首先导入了React和ReactDOM，然后定义了一个名为Welcome的函数组件，它接收一个名为props的参数，并使用这个参数来渲染一个包含问候信息的标题。接下来，使用ReactDOM的render方法将<Welcome name="Sara" />渲染到页面上ID为root的元素中。这个例子展示了如何创建一个简单的React组件并将其集成到现有的网页中。
评论已关闭