React propTypes组件类？

Question

如何验证提供的道具是组件类（不是实例）？

例如

export default class TimelineWithPicker extends React.PureComponent {

    static propTypes = {
        component: PropTypes.any, // <-- how can I validate that this is a component class (or stateless functional component)?
    };

    render() {
        return (
            <this.props.component {...this.props} start={this.state.start}/>
        );
    }
}

Answer 1

对于使用PropTypes >= 15.7.0新功能的任何人，都会PropTypes.elementType在此拉取请求中添加并于2019年2月10日发布。

该prop类型支持所有组件（本机组件，无状态组件，有状态组件，前向引用React.forwardRef，上下文提供者/消费者）。

并且当所有元素都不是时，它会发出警告，并且传递的prop是元素（PropTypes.element）而不是类型时，它也会发出警告。

最后，您可以像使用其他道具类型一样使用它：

const propTypes = {
    component: PropTypes.elementType,
    requiredComponent: PropTypes.elementType.isRequired,
};