React functional components vs classical components(React 功能组件与经典组件)
问题描述
我试图了解何时使用 React 功能组件与类并从 docs 他们并没有真正深入细节.您能否给我一些下面的主要示例,说明您何时希望类的特定功能来制作组件?
I'm trying to understand when to use React functional components vs. classes and reading from the docs they don't really go into detail. Can you give me some primary examples of the below of when you would want a specific feature of a class to make a component?
功能性组件功能较弱,但更简单,其作用类似于只有一个 render() 方法的类组件.除非你需要仅在类中可用的功能,我们鼓励您使用功能组件.
A functional component is less powerful but is simpler, and acts like a class component with just a single render() method. Unless you need features available only in a class, we encourage you to use functional components instead.
推荐答案
你只需要一个 class
组件,当你:
You only need a class
component when you:
- 需要组件 state 或
- 需要生命周期方法.如
componentDidMount
等
- need the component state or
- need the lifecycle methods. such as
componentDidMount
etc.
这篇关于React 功能组件与经典组件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:React 功能组件与经典组件
基础教程推荐
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01