时间戳

首页 > 解决方案 > 如何在反应组件中创建窗口事件监听器？

reactjs - 如何在反应组件中创建窗口事件监听器？

问题描述

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

这是我的解决方案

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)

我需要改变什么来解决问题？像地狱一样反应新手

标签： reactjsjsx

解决方案

首先，类名应该大写：

class Thankyoupayment extends Component {

其次，您不能const用作 Class 方法：

resizeWindow = () => {

推荐阅读