我有一个返回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] 举报,一经查实,本站将立刻删除。