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

4 votes127 views1 answer
How to empty form after submit react
Javascript React
0 vote128 views1 answer
How to disable RectButton from react-native-gesture-handler
Javascript React
0 vote142 views1 answer
React tagInput component
Javascript React
0 vote133 views1 answer
React linking to documents
Javascript React
31 votes137 views1 answer
Install react router dom and save
Javascript React
14 votes122 views2 answers
Adding border in react native
Javascript React
3 votes144 views2 answers
Get param is react
Javascript React
1 vote133 views2 answers
How to use gif in react native
Javascript React
1 vote123 views1 answer
React jsx style with calc
Javascript React
0 vote144 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React