花了一些时间学习React后,我理解了创建组件的两个主要范例之间的区别
我的问题是我什么时候应该使用哪一个?为什么?一个在另一个上有什么好处/权衡?
ES6/7课程:
import React, { Component } from 'react';
export class MyComponent extends Component {
render() {
return (
<div></div>
);
}
}
Run Code Online (Sandbox Code Playgroud)
功能:
const MyComponent = (props) => {
return (
<div></div>
);
}
Run Code Online (Sandbox Code Playgroud)
只要没有任何状态可以被该组件操纵,我就会想到功能......但是这样吗?
我猜我是否使用任何生命周期方法,最好使用基于类的组件.
我试图了解何时使用React功能组件与类以及从文档中读取它们并没有真正详细说明.当你想要一个类的特定功能来制作一个组件时,你能给我一些下面的主要例子吗?
功能组件功能较弱但更简单,只需一个render()方法就像一个类组件.除非您需要仅在课程中提供的功能,否则我们建议您使用功能组件.
我试图理解 Hooks 的重要性
从 React 文档,它说
They let you use state and other React features without writing a class.
Run Code Online (Sandbox Code Playgroud)
功能组件背后的整个想法是不是将是无状态的,这样它就不会导致重新渲染 React 应用程序?比如,如果你要使用 react hooks,你会在哪里以及为什么使用它?
你总是可以自己创建一个状态,它不会导致功能组件的重新渲染 const state = {}
我的问题是: