我有一个带有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
功能仅在单击“单击我”时才能运行!按钮,但会在页面加载本身时调用。
我的目标是在服务器端调用并运行功能(单击按钮)。我怎么做?
<button onClick={this.foo(args)}>...</button>
渲染组件后,编写实际上会触发该函数。
一个简单的解决方案是传递一个函数回调,例如onClick={()=>this.foo(args)}
。
这样可以确保每次按下按钮时都会调用该函数。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句