Question

我正在构建一些组件，现在正在测试它们，但我发现反应PropTypes没有引发任何错误，我似乎无法找到原因。

示例组件

import React, { Component } from 'react';
import PropTypes from 'prop-types';

import { Icon } from 'components';

class Test extends Component {
    render() {
        const { icon, position } = this.props;

        console.log(icon, position);

        return (
            <div className='MAIN__section'>
                Test app with dynamic import and resolving
                <Icon icon='tags' />
            </div>
        );
    }
}

Test.PropTypes = {
    icon: PropTypes.string.isRequired,
    position: PropTypes.oneOf(['left', 'right']),
    className: PropTypes.string
};

export default Test;

尝试案例

我将所有依赖项更新为最新版本（my package.json）

当我没有提供icon或提供position道具时，不是＆＃34;左＆＃34;或＆＃34;对＆＃34;，不会抛出任何错误或警告。我验证console.log(PropTypes)正在正确导入PropTypes。

Answer 1

感谢@ziedhajsalah给出答案。

是componentName.propTypes = {}，而不是componentName.PropTypes = {}。大写字母搞砸了。

PropType在任何情况下都不起作用

1 个答案: