javascript-将函数作为参数传递,这将是onClick事件

我有一个返回React.ReactElement对象的函数.我想将该函数传递给分配给onClick按钮事件的函数.

我调用该函数:

this._createInjurySection1Drawer([{innerDrawer: this._createInjurySection2Drawer, shouldShow:this._OnClickCloseInjurySection2}])

功能:

private _createInjurySection1Drawer(innerDrawers: any[]): React.ReactNode {

    ...

    let innerDrawer;
    let shouldShow;

    console.log("_createInjurySection1Drawer | innerDrawers: ", innerDrawers);

    if (innerDrawers && innerDrawers.length > 0) {
        innerDrawer = innerDrawers[0].innerDrawer;
        shouldShow = innerDrawers[0].shouldShow;
        innerDrawers.shift();
    }

    return (
        <Drawer
            ...
        >
            <div>
                {sectionOneForm.CreateSection(inputFieldsInjurySection1)}

                {innerDrawer && 
                    innerDrawer(innerDrawers)
                }
                <br/> <br/>
                <div>
                    <Button onClick={shouldShow()} type="primary">Next</Button>
                </div>
            </div>
        </Drawer>
    );
}

运行此命令时,将创建一个无限循环.

单击按钮时如何传递函数来处理?

解决方法:

尝试

<Button onClick={shouldShow} type="primary">Next</Button>

为了进一步说明,

<Button onClick={shouldShow()} type="primary">Next</Button>

实际上会调用shouldShow函数,因此返回值将用作onClick处理程序.如果shouldShow本身返回一个函数,这很好,但是如果它返回例如,则不能很好地工作字符串-“ hello world”()是什么意思?

<Button onClick={shouldShow} type="primary">Next</Button>

而是将函数本身设置为onClick处理程序-“单击时,调用此函数,但要等到那时.”

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐