单击按钮如何在服务器上运行代码?

javanoob

我有一个带有dummy.js文件的简单Next.js应用程序,如下所示:

class Dummy extends React.Component{

    static async getInitialProps(ctx){
        return { dummy : 'abc'};
    }

    displayHelloWorld(params) {
      console.log(params.dummy);
    }

    render() {
        return <button onClick={this.displayHelloWorld(this.props)}>Click Me!</button>
    }
}

export default Dummy;

我使用命令运行该应用,npm run dev然后转到localhost:3000/dummy我希望displayHelloWorld功能仅在单击“单击我”时才能运行按钮,但会在页面加载本身时调用。

我的目标是在服务器端调用并运行功能(单击按钮)。我怎么做?

YanivGK

<button onClick={this.foo(args)}>...</button>渲染组件后,编写实际上会触发该函数。

一个简单的解决方案是传递一个函数回调,例如onClick={()=>this.foo(args)}

这样可以确保每次按下按钮时都会调用该函数。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章