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

这在生产中起作用吗？我注意到您的render方法中没有return（）标记。您还必须将this.handleClick绑定到您的实例，而不是handleClick1。

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

1 个答案: