React的两种组件创建方式

在React中，创建组件的方式主要有两种：函数组件和类组件。

1. 函数组件：

函数组件是用JavaScript函数或箭头函数创建的，该函数接收props作为参数并返回一个React元素。函数组件必须以全小写字母开头，因为当处理JSX时，React会将以大写字母开头的组件视为HTML标签。

import React from 'react';
 
function helloComponent(props) {
  return <h1>Hello, {props.name}!</h1>;
}
 
export default helloComponent;

2. 类组件：

类组件是使用ES6类来创建的，该类需要继承React.Component，并且至少提供一个render()方法。类组件的名称必须以大写字母开头。

import React, { Component } from 'react';
 
class HelloComponent extends Component {
  render() {
    return <h1>Hello, {this.props.name}!</h1>;
  }
}
 
export default HelloComponent;

这两种方式都可以创建React组件，但函数组件是无状态的，意味着它们简单地接收props并返回React元素。类组件则有自己的状态和生命周期方法，更加灵活。根据你的应用需求选择合适的组件创建方式。