Reactjs - 使用 oneOfType 检查 proptypes

Question

我想允许组件具有两种可能的属性类型之一（字符串或未定义）。我正在使用 PropTypes.oneOfType 来执行此操作。

import React from 'react';
import PropTypes from 'prop-types';

Product.propTypes = {
    productTag: PropTypes.oneOfType([
        PropTypes.string, undefined
    ]),
};

Product.defaultProps = {
    productTag: undefined
};

这是正确的方法吗？

Answer 1

import React from 'react';
import PropTypes from 'prop-types';

Product.propTypes = {
    productTag: PropTypes.oneOfType([
        PropTypes.oneOf([undefined, PropTypes.string])
    ]),
};

OR

Product.propTypes = {
    productTag: PropTypes.oneOfType([
        PropTypes.string,
        PropTypes.oneOf([undefined])
    ]),
};

Product.defaultProps = {
    productTag: undefined
};

我认为你可以通过使用这种方式来做到这一点PropTypes.oneOf。我认为仅通过undefined它是行不通的。