reactjs - 如何使用 TypeScript 制作点击事件处理函数

Question

我正在尝试添加一个用于点击的事件监听器，但它说 EventTarget 类型上不存在 classList。

class UIModal extends React.Component<Props> {
    handleClick = (e: Event) => {
        if ((e.target as EventTarget).classList.contains('modal-mask')) {
            this.props.close();
        }
    }

    componentDidMount() {
        window.addEventListener('click', this.handleClick);
    }

    componentWillUnmount() {
        window.removeEventListener('click', this.handleClick);
    }

    render() {
        return (
            <div className="modal-mask">
                <div className="modal">
                    {this.props.children}
                </div>
            </div>
        );
    }
}

Answer 1

也许你应该尝试e.target as Element？