Javascript 反应：触发按钮由另一个子项从数组映射中单击

我有一个父组件

App

，它有一个子组件

Content

和

Trigger

。在

Content

组件中，我有一个包含单选按钮的内容数组和一个隐藏的按钮。

触发器

组件只有一个按钮 将ref传递给内容组件，对于每个隐藏按钮，检查所选选项是否与该隐藏按钮的set ref匹配。还将内容组件包装在React.forwardRef中

<button
   hidden
   ref={"opt1" === selectedOption ? ref : null}
   onClick={() => console.log("option 1 button clicked!")}
/>

console.log（“点击选项1按钮！”）
/>

---

有没有办法使用state、ref或传递处理程序而不是从DOM检查它？一个疑问是，为什么每个单选按钮都有一个隐藏按钮。如果它们用于提交表单，您可以使用表单的单个按钮进行处理，并且可以将ref从父级传递到该按钮，并且可以为该ref触发单击。实际上，每个选项方法都有自己的表单并提交处理程序，并且根据设计者的设计，根据用户选择的选项方法，应该只有一个按钮触发提交按钮。嗨，Neo Genesis，我使用ref进行了更改，但我不确定这是否是一个完美的修复。检查您的用户是否同意此修复。谢谢你，兄弟，这对我有用！感谢

forwardedRef

。你能更新你的答案吗？这样我就可以标记它了。