Javascript 如何在单个组件中访问事件处理程序中的相邻道具

这应该相当清楚，但我找不到答案

我只想将另一个道具上设置的值传递给同一组件道具中的

onClick

处理程序

<Button
  ariaLabel="Click to Open"
  onClick={() => this.chooseAlertToggle([I WANT THE children PROP])}
  children="Info/Default"
  color="primary"
/>

this.chooseAlertToggle（[I WANT THE children PROP]））
children=“Info/Default”
color=“primary”
/>

因为

children

prop是用户定义的，我需要该值来控制切换。我不知道用什么方法才能找到它。我需要的效果是

onClick={（）=>this.chooseAlertToggle（“Info/Default）}

，不是字符串的字面意思，而是对

子属性的引用

我试过一些语法上的猜测，比如
这个。我知道的孩子们是不正确的，只是在黑暗中开枪。
我想你想要类似的东西

<Button
  ariaLabel="Click to Open"
  onClick={() => this.chooseAlertToggle(this.props.children)}
  children="Info/Default"
  color="primary"
/>

this.chooselerttoggle（this.props.children）}
children=“Info/Default”
color=“primary”
/>

您可以将传递给子属性的值绑定到chooseAlertToggle回调

<Button
 ariaLabel="Click to Open"
 onClick={this.chooseAlertToggle.bind(this, "Info/Default")}
 children="Info/Default"
 color="primary"

这是我的一次尝试，但它返回
未定义的
，因为它指的是传递给
驻留在其中的父组件的道具。我想我不明白您当时想做什么。您想访问按钮组件的子道具吗？嗯，但这会启用可重用的按钮吗block？
children
的内容将更改，但我希望传递的属性只引用prop名称，就像它是一个变量一样，不需要在onClick参数中重复相同的字符串内容。因为children的值；在本例中为“Info/Default”由组件呈现组件传递，则该值应以变量形式存在于组件中。