#函数: memo()

#调用签名

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

让你在组件的 props 未变化时跳过重新渲染。

#类型参数

#参数

#返回

NamedExoticComponent<P>

#参阅

React Docs

#示例

import { memo } from 'react';

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

#调用签名

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

让你在组件的 props 未变化时跳过重新渲染。

#类型参数

#参数

#返回

MemoExoticComponent<T>

#参阅

React Docs

#示例

import { memo } from 'react';

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