React - 重新绑定React <button>组件的onClick prop不会改变onClick包含的按钮

时间:2017-02-19 01:52:09

标签: javascript reactjs onclick

我试图重新绑定附加到onClick的{​​{1}}。但是,<button>实际上位于由名为<button>

的UI小部件呈现的子组件内

所以我正在做的是:

<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;的按钮提交了一些可能性。可能会埋没尽可能多的层,因为窗口小部件的用户已嵌套。

由于

0 个答案:

没有答案