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

时间:2019-12-11 15:29:22

标签: javascript reactjs function components create-react-app

我刚刚开始学习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;

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

1 个答案:

答案 0 :(得分:1)

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

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

自从React 16.8起,一切都只能通过功能组件来完成,而使用hooks则要少得多。