Как понять различия между React.Component и компонентами более высокого порядка?

Question

Я уже привык к этому стилю кода.

import React from 'react';

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

Но теперь я вижу, что все это компоненты более высокого порядка.

import React from 'react';

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

Я не понимал о них . Иногда я читаю пример, написанный в стиле класса, и не могу преобразовать идеи в компоненты более высокого порядка. Пожалуйста, объясните мне или дайте мне несколько связанных ключевых слов, сообщений или других типов документов?

Спасибо!

Answer 1

Думаю, я понял свою проблему.

• Во-первых, это разница между компонентом класса и функции, а не компонентом более высокого порядка.

• Во-вторых, чтобы преобразовать компонент класса в компонент функции, я должен понять, как добавить методы состояния и жизненного цикла к ним обоим.

https://reactjs.org/docs/state-and-lifecycle.html https://itnext.io/add-state-and-lifecycle-methods-to-function-components-with-react-hooks-8e2bdc44d43d

Спасибо за полезные комментарии!

Вопрос закрыт.