如何使用函数式方法在 React JS 中制作纯组件，即基于非 class

Question

How to make pure component using in functional react component?

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

How to make a pure component out of the above code?

Answer 1

you can use React.memo

import React from 'react';

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