如何在React组件中创建窗口事件监听器？

Question

我的应用程序有一个简单的react组件，我想使用窗口添加事件监听器添加调整大小功能

这是我的解决方法

import React, { Component } from 'react';

class thankyoupayment extends Component {

    const resizeWindow = () =>{
        console.log('Resize me');
    }

    componentDidMount() {
        window.addEventListener('resize', this.resizeWindow);
     }

    render() {
        return (
            <VideoContainer>
                    <video></video>
            </VideoContainer>
        );
    }
}

const VideoContainer =styled.div`
        display: flex;
        justify-content: center;
`

不幸的是，我跑步时遇到以下错误

Unexpected token (8:10)

要解决此问题我需要更改什么？像地狱般反应新手

Answer 1

首先，类名应大写：

class Thankyoupayment extends Component { 

第二，您不能将const用作Class方法：

resizeWindow = () => {