React中的函数和类组件之间有什么区别？

Question

我刚刚开始学习React，我注意到react应用程序中的代码如下所示：

import Todos from './components/Todos'
import './App.css';

function App() {
  return (  
    <div className="App">
      <Todos/>
    </div>
  );
}

export default App;

我正在学习的教程看起来像这样：

import React, { Component } from 'react';
import './App.css';

class App extends Components {
  render() {
    return (
      <div className="App">
      <h1>App</h1>
      </div>
    );
  }
}

export default App;

这两个：“功能”和“类”是否不同？还是一样？

Answer 1

只有两种不同的创建组件的方法。

也就是说，类组件允许您使用lifecycle methods，而功能组件则不允许。

自从React 16.8开始，只有使用函数组件才能用hooks以较少的繁琐方式完成所有工作。