React 入门指南：基本概念与实例解析




import React from 'react';
import ReactDOM from 'react-dom';
 
// 创建一个简单的函数组件
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}
 
// 创建一个类组件
class WelcomeClass extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}
 
// 渲染组件到DOM
ReactDOM.render(
  <Welcome name="React User" />,
  document.getElementById('root')
);
 
// 渲染类组件
ReactDOM.render(
  <WelcomeClass name="React User" />,
  document.getElementById('root')
);

这段代码展示了如何在React中创建一个简单的组件，并使用ReactDOM.render()方法将它渲染到页面上的某个DOM元素中。这是学习React的基本步骤之一。

React 入门指南：基本概念与实例解析

评论已关闭

推荐阅读