#Function: memo()

#Call Signature

memo<P extends object>(Component: FunctionComponent<P>, propsAreEqual?: (prevProps: Readonly<P>, nextProps: Readonly<P>) => boolean): NamedExoticComponent<P>

Lets you skip re-rendering a component when its props are unchanged.

#Type Parameters

#Parameters

#Returns

NamedExoticComponent<P>

#See

React Docs

#Example

import { memo } from 'react';

const SomeComponent = memo(function SomeComponent(props: { foo: string }) {
  // ...
});

#Call Signature

memo<T extends ComponentType<any>>(Component: T, propsAreEqual?: (prevProps: Readonly<ComponentProps<T>>, nextProps: Readonly<ComponentProps<T>>) => boolean): MemoExoticComponent<T>

Lets you skip re-rendering a component when its props are unchanged.

#Type Parameters

#Parameters

#Returns

MemoExoticComponent<T>

#See

React Docs

#Example

import { memo } from 'react';

const SomeComponent = memo(function SomeComponent(props: { foo: string }) {
  // ...
});