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

我有一个简单的Next.js应用,它的功能为 dummy.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)}.

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

给TA打赏
共{{data.count}}人
人已打赏
未分类

在关系数据库中使用用户定义的组件存储实体。

2022-9-13 13:45:33

未分类

Vue复选框没有随着数据变化而更新

2022-9-13 13:45:35

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索