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

Question

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

const MyComponent = () => { 
return (<h1>I am functional component.</h1>)
}
export default MyComponent;

如何从上面的代码中制作一个纯组件？

标签： javascriptreactjsreact-hookscomponentsjsx

Answer 1

你可以使用 React.memo

import React from 'react';

const MyComponent = () => { 
return (<h1>I am functional component.</h1>)
}
export default React.memo(MyComponent);