我试图重新绑定附加到onClick
的{{1}}。但是,<button>
实际上位于由名为<button>
所以我正在做的是:
<Button />
在<MyComponent>
<.. arbitrary number of levels deep nesting>
<Button onClick={foo} />
</end nesting>
</MyComponent>
的构造函数中,我搜索MyComponent
,然后将<Button>
<Button >
绑定/重新绑定到我的新功能& #39; onClick
&#39 ;.
在控制台中进行检查时,我甚至正确地将函数bar
视为bar
的新onClick
道具。
但是,当我实际点击页面上的<Button />
时,原始的<Button />
始终会被执行,而不是foo
。
我怀疑它与bar
绑定到foo
内的实际innerHTML
button
有关,我也需要以某种方式改变它。 (但我不想以这种愚蠢的方式去做,如果有可能的话)
如何正确重新绑定<Button />
内部onClick
的{{1}}构造函数(或<Button />
之类的其他函数)?{/ p>
编辑:
<MyComponent />
实际上是一个可重复使用的小部件,我正在遍历其props.children以找到类型==&#39;提交&#39;的按钮。所以,我正在避免做MyComponent.componentDidMount
的解决方案,因为从理论上讲,类型为===&#39;的按钮提交了一些可能性。可能会埋没尽可能多的层,因为窗口小部件的用户已嵌套。
由于