reactjs - 如何将窗口作为有效 Prop 包含在 PropTypes 中？

Question

我正在尝试为类组件定义我的 PropTypes 列表。该组件可以接受常规 DOM 元素或 window 作为其属性值。目前，我有:

class FooContainer extends Component {
    static propTypes = {
        container: PropTypes.oneOfType([
            PropTypes.element,
            PropTypes.instanceOf(Element),
        ]),
    };
    static defaultProps = {
        container: window,
    };
    constructor(props: any) {
        super(props);
    }
    render() {
        return (
            <div />
        );
    }
}

但是，当组件默认使用 window 作为容器 prop 时，会抛出以下错误:

Warning: Failed prop type: Invalid prop `container` supplied to `FooContainer`.

因此，用于值为 window 的属性的有效 PropType 是什么？

Answer 1

您可以做的是使用 oneOfType 并包含 window 对象构造函数的实例，Window:

PropTypes.instanceOf(window.constructor)

这将允许任何 Window 实例作为 prop 值。