如何通过单选按钮实现动态 UI 渲染？ [关闭]答案

【问题标题】：How can I actualize dynamic UI rendering on react through the radio buttons? [closed]如何通过单选按钮实现动态 UI 渲染？ [关闭]
【发布时间】：2021-10-12 11:59:12
【问题描述】：

大家好，我有两个独立的反应组件，我希望能够通过单击任一单选按钮来呈现每个组件。如何将单选按钮链接到它们各自的组件？谢谢！！

【问题讨论】：

使用状态，参考stackoverflow.com/questions/27784212/…
你能给出你想要的更详细的版本吗？但作为一个通用答案：使用状态并将回调传递给相应的组件。
感谢您的链接，我在那里看到了一些有用的提示。

标签： reactjs

【解决方案1】：

你可以使用反应状态。如果你使用钩子，你可以这样做

// defaulting this to radioOne but can be anything 
const [radioName, setRadioName] = useState('radioOne')

// then build a radio button and attach onClick event
<button onPress={() => setRadioName('radioTwo'}>Button Name </button>

然后你可以为另一个收音机（或者你有多少）构建另一个按钮

然后构建一些渲染逻辑或任何你想要基于它的东西

【讨论】：

【解决方案2】：

您可以使用react-router 来执行此操作。

【讨论】：