导入的 PropTypes 的智能感知

Question

由于代码冗余的原因，我将实体的 PropTypes 放在单独的文件中，例如：

import PropTypes from 'prop-types';

export const costCenterBookingPropTypes = PropTypes.shape({
    errorState: PropTypes.bool,
    costCenter: PropTypes.string,
    customerName: PropTypes.string,
    zipCode: PropTypes.number.isRequired,
    city: PropTypes.string,
    startTime: PropTypes.string,
    endTime: PropTypes.string,
    drivingTimeActive: PropTypes.string,
    drivingTimePassive: PropTypes.string,
    breakTime: PropTypes.string,
    loadingTime: PropTypes.string,
    workingTime: PropTypes.string
});

它运行良好，但是当我以这种方式定义我的 PropTypes 并将其导入组件并使用它时：

DayOverviewTableDataRow.propTypes = {
    costCenterBooking: costCenterBookingPropTypes
};

然后我的道具（如 errorState、zipCode 等）没有智能感知/自动完成功能。

这是一个已知问题还是我犯了一个错误？ 如果这很重要，我将使用 WebStorm 作为 IDE。

Answer 1

您所描述的行为只能通过 TypeScript 实现，并且您必须进行一些（相当繁重的）代码重构。

查看这篇 Medium 文章： React、TypeScript 和 defaultProps 困境