Next.js - 静态导出后损坏的侦听器答案

【问题标题】：Next.js - Broken listeners after static exportNext.js - 静态导出后损坏的侦听器
【发布时间】：2018-11-02 12:05:50
【问题描述】：

我试过这种方法：

    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 设置？

【问题讨论】：

标签： reactjs babeljs webpack-4 next.js

【解决方案1】：

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

【讨论】：

是的，它有效。缺少 return 和 handleclick1 是错别字