Javascript 如何理解React.组件和高阶组件之间的差异？

我以前已经习惯了这种代码风格

import React from 'react';

class App extends React.Component {
  render() {
    return (
      <>This is my app</>
    );
  }
}

从“React”导入React；
类应用程序扩展了React.Component{
render（）{
返回(
这是我的应用程序
);
}
}

但现在，我看到所有的东西都是高阶分量

import React from 'react';

function App() {
  return (
    <>This is my app</>
  );
}

从“React”导入React；
函数App（）{
返回(
这是我的应用程序
);
}

我还不了解他们。有时，我读了一个以类风格编写的示例，但无法将想法转换为更高阶的组件。请给我解释一下或者给我一些相关的关键词，帖子或者其他类型的文档

---

谢谢大家!

我想我解决了我的问题

• 首先，它们是类和函数组件的区别，而不是高阶组件

• 其次，要将类组件转换为函数组件，我必须了解如何向它们添加状态和生命周期方法

谢谢你提供了一些有用的评论

---

问题结束。

这不是高阶组件，而是功能组件。第二个示例只是一个简单的功能组件，而不是高阶组件。这只是类组件和功能组件，请参阅