class App のクラス定義の仕方とconst App の定義の仕方は何が違うのか

Question

React.js超初心者です。

import React, { Component } from 'react';

class App extends Component {
  render(){
    return(
    <React.Fragment>
         <input type="text" onChange={() =>{console.log("I am Tom!")}} />
    </React.Fragment>
    ) 
  }
}

というコードの書き方と、

import React, { Component } from 'react';

const App = () =>{
  return (
    <div>
      <Cat />
      <Cat />
      <Cat />
      <Cat />
    </div>
  )
}

const Cat = () =>{
  return <div>Meow!</div>
}

export default App;

というコードの書き方は挙動がどう違い、機能もどう違うのでしょうか？
上のコードでは、

class App extends Component

の部分でコンポーネントを使っており、下のコードでは、

const App = () =>{
  return (
    <div>
      <Cat />

の<Cat />の部分でコンポーネントを使っていて何が違うのかがわかりません。

Answer 1

Functional ComponentかClass componentかっつーはなしじゃないんでしょーか
後者はstateをもてますよー（最近は前者でもいけるっちゃいけるが）