React memo

React forwardref

const FancyButton = React.forwardRef((props, ref) => (
  <button ref={ref} className="FancyButton">
    {props.children}
  </button>
));

// You can now get a ref directly to the DOM button:
const ref = React.createRef();
<FancyButton ref={ref}>Click me!</FancyButton>;

Source: reactjs.org

React memo

/* this is for es6 onward */
/* React.memo is the new PureComponent */

import React, { memo } from 'react'

const MyComponent = () => {
 return <>something</>
}

export default memo(MyComponent)

Import React, { memo } from 'react';

const MyComponent = React.memo(function MyComponent(props) {
  /* only rerenders if props change */
});

Source: reactjs.org

How to add react.memo in export list

export const MemoMainPostTopic = React.memo(MainPostTopic);
 

//or

const MainPostTopic = memo(() => {
 ...
})
export { MainPostTopic };

Source: stackoverflow.com

Similar codes

0 vote303 views2 answers
Read and save excel with react
Javascript React
13 votes353 views2 answers
Download react devtools for chrome
Javascript React
10 votes262 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
0 vote273 views2 answers
Discord js remove all reactions from user
Javascript React
0 vote313 views1 answer
Github create react app buildpack
Javascript React
0 vote343 views1 answer
React native datepicker disable future dates
Javascript React
0 vote336 views1 answer
React implicit return
Javascript React
3 votes337 views2 answers
React get route path
Javascript React
0 vote316 views1 answer
Debug react routes
Javascript React
0 vote316 views1 answer
How to solve Error: EPERM: operation not permitted, mkdir 'C:\Users\SKY' while downoad react
Javascript React