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)下，所有的工作都很好，而当我导出时，所有的监听器似乎都坏了。我还是不明白。也许我弄丢了什么巴别塔或者是webpack的布景？

Answer 1

这在生产中可以工作吗？我注意到你的渲染方法中没有return ()标签。您还必须将this.handleClick绑定到您的实例，而不是handleClick1。