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则要少得多。

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

1 个答案: