React基础入门知识铺垫

这篇文章距离上次修改已过190天，其中的内容可能已经有所变动。




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(
  <div>
    <Welcome name="Sara" />
    <WelcomeClass name="John" />
  </div>,
  document.getElementById('root')
);

这段代码展示了如何在React中创建一个函数组件和一个类组件，并通过ReactDOM.render方法将它们渲染到页面上的某个DOM元素中。这是学习React的基础，是任何React项目的起点。

React基础入门知识铺垫

评论已关闭

推荐阅读