以下反应代码的区别是什么？

Question

我遇到了以下材料 - ui示例代码。

D

但是根据我的教程经验，应该从React.Component继承子类来创建组件。示例可以是

import React from 'react';
import AppBar from 'material-ui/AppBar';

/**
 * A simple example of `AppBar` with an icon on the right.
 * By default, the left icon is a navigation-menu.
 */
const AppBarExampleIcon = () => (
  <AppBar
    title="Title"
    iconClassNameRight="muidocs-icon-navigation-expand-more"
  />
);

export default AppBarExampleIcon;

有谁能告诉我为什么会有区别？

Answer 1

第一个是功能组件（有时称为“无状态组件”或“无状态功能组件”）。建议尽可能使用第一个。但是，如果您需要拥有州或想要使用生命周期方法，则必须使用React.Component。