Fatal编程技术网
  • javascript/
  • Javascript React-重新绑定React的CLICK prop<；按钮>；组件没有'；t单击所包含的按钮后立即更改

Javascript React-重新绑定React的CLICK prop<；按钮>；组件没有'；t单击所包含的按钮后立即更改

javascript reactjs

Javascript React-重新绑定React的CLICK prop<；按钮>；组件没有'；t单击所包含的按钮后立即更改,javascript,reactjs,onclick,Javascript,Reactjs,Onclick,我正在尝试重新绑定附加到的onClick。然而，实际上位于一个名为UI小部件呈现的子组件中 所以我要做的是： <MyComponent> <.. arbitrary number of levels deep nesting> <Button onClick={foo} /> </end nesting> </MyComponent> 在MyComponent的构造函数中，我搜索，然后将的onClick绑定

我正在尝试重新绑定附加到
的
onClick
。然而，
实际上位于一个名为
UI小部件呈现的子组件中

所以我要做的是：

<MyComponent>
   <.. arbitrary number of levels deep nesting>
      <Button onClick={foo} />
   </end nesting>
</MyComponent>
在
MyComponent
的构造函数中，我搜索
，然后将
的
onClick
绑定/重新绑定到我的新函数“
栏
”

在控制台中检查时，我甚至正确地将功能
bar
视为新的
onClick
prop的

但是，当我实际单击页面上的
时，始终会执行原始
foo
，而不是
bar

我怀疑这与
foo
与
内部
按钮的实际
绑定有关，我也需要以某种方式改变这一点。（但如果可能的话，我不想这样胡闹）

如何在
的构造函数（或任何其他函数，如
MyComponent.componentDidMount
）中单击
的
重新绑定

编辑：


MyComponent
实际上是一个可重用的小部件，我正在遍历它的props.children来找到类型为“submit”的按钮。因此，我避免使用
React.Children.map（（child）=>{React.cloneElement（…））
，因为从理论上讲，类型=='submit'的按钮可能会被嵌入到小部件用户嵌套的层中


谢谢
“我怀疑这与foo被绑定到内部的实际innerHTML按钮有关，我也需要以某种方式进行更改。”按钮组件是什么样子的？是react mdl（react material design lite）中的按钮，最终渲染时是这样的：ConfirmShow您的按钮组件未渲染