Next.js - сломанные слушатели после статического экспорта

Question

Я попробовал этот подход:

    import React, { Component } from 'react'

    export default class AlertHey extends Component {

        constructor(props) {
            super(props)
            this.handleClick = this.handleClick.bind(this)
        }

        handleClick(){
            alert("hey")
        }

        render(){
            return(
                <div onClick={this.handleClick}>
                    Click me
                </div>
            )
        }
    }

И этот подход:

import React, { Component } from 'react'

    export default class AlertHey extends Component {

        render(){
            return(
                <div onClick={() => alert("Hey")}>
                    Click me
                </div>
            )
        }
    }

И оба не работают. В режиме разработки (npm run dev) все работает хорошо, в то время как при экспорте все слушатели кажутся сломанными. Я не понимаю Может быть, я потерял настройку «babel» или «webpack»?

Answer 1

Это работает в производстве? Я заметил, что в вашем методе рендеринга нет тегов return (). Вы также должны привязать this.handleClick к вашему экземпляру, а не handleClick1.