如何使WebStorm中的智能感知与包装的React功能组件一起工作

Question

我尝试将React.memo与功能性Component一起使用。效果很好。 但是，智能感知WebStorm似乎不适用于React.memo(MyComponent)

这样的包装组件

有人知道如何克服它吗？

Answer 1

我发现自己解决此问题的方法是使用prop-types

在下面的示例中，WebStorm中的IntelliSense无法识别组件Hello，但是可以识别组件Hi

import React, { memo } from "react";
import PropTypes from "prop-types";

export const Hello = React.memo(({ name }) => <div>Hello {name}</div>);
export const Hi = React.memo(({ name }) => <div>Hi {name}</div>);

Hi.PropTypes = {
  name: PropTypes.string
};

View on Codesandbox