React初识

React是一个用于构建用户界面的JavaScript库，其基于组件的设计理念让代码更加容易维护和理解。以下是一个简单的React组件示例：

import React from 'react';
 
// 函数组件
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}
 
// 类组件
class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}
 
// 渲染组件到DOM
ReactDOM.render(
  <Welcome name="Sara" />,
  document.getElementById('root')
);

这个例子中，我们定义了一个名为Welcome的组件，它接收一个名为name的属性。我们可以通过修改document.getElementById('root')中的'root'来指定我们想要将组件渲染到哪个DOM元素中。

函数组件和类组件都可以用来创建组件，函数组件是通过函数来实现的，而类组件则是通过ES6的类来实现的。函数组件的代码更简洁，而类组件则提供了更多的特性，比如状态（state）和生命周期钩子（lifecycle hooks）。在实际应用中，函数组件用于简单的组件，而类组件用于需要管理状态的复杂组件。