使用Typescript时React.memo不可用吗？

Question

我试图像这样使用React.memo：

const Node: React.memo<Props> = props => {

但我收到一个错误消息：

Namespace '../ui/node_modules/@types/react/index.d.ts"' has no exported member 'memo'.

但是我可以在index.d.ts中看到Memo函数：

function memo<P extends object>(
    Component: SFC<P>,
    propsAreEqual?: (prevProps: Readonly<PropsWithChildren<P>>, nextProps: Readonly<PropsWithChildren<P>>) => boolean
): NamedExoticComponent<P>;

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

我在这里想念什么？

Answer 1

如评论中所述， memo不是类型声明。 您的语法有点混乱

const Node: React.FC<Props> = React.memo(props => {
  return(
      <div>
        memoized
      </div>
  )
})

请注意， React.FC是功能组件的声明。 由于您将其包装在memo ，因此可能需要更改类型。 但就我个人而言，我并不需要。