@lynx-js/react / memo

#Function: memo()

#memo(Component, propsAreEqual)

function memo<P>(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 }) {
  // ...
});

#Defined in

.pnpm/@types+react@18.3.28/node_modules/@types/react/ts5.0/index.d.ts:1775

#memo(Component, propsAreEqual)

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

#Type Parameters

#Parameters

#Returns

MemoExoticComponent<T>

#Defined in

.pnpm/@types+react@18.3.28/node_modules/@types/react/ts5.0/index.d.ts:1779