如何使用功能方法（即非基于类）在 React js 中制作纯组件

Posted 2023-02-23

【中文标题】如何使用功能方法（即非基于类）在 React js 中制作纯组件

【英文标题】：How to make pure components in react js using functional approach i.e. non class based

【发布时间】：2021-11-27 10:13:32

【问题描述】：

如何在功能性反应组件中使用纯组件？

const MyComponent = () =>  
return (<h1>I am functional component.</h1>)

export default MyComponent;

如何把上面的代码做成一个纯组件？

【问题讨论】：

什么是纯组件？什么是功能方法？您的示例已经是一个无状态函数组件。

【参考方案1】：

你可以使用 React.memo

import React from 'react';

const MyComponent = () =>  
return (<h1>I am functional component.</h1>)

export default React.memo(MyComponent);