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

Posted 2023-02-22

【中文标题】如何通过单选按钮实现动态 UI 渲染？ [关闭]

【英文标题】：How can I actualize dynamic UI rendering on react through the radio buttons? [closed]

【发布时间】：2021-10-12 11:59:12

【问题描述】：

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

【问题讨论】：

使用状态，参考***.com/questions/27784212/…

你能给出你想要的更详细的版本吗？但作为一个通用答案：使用状态并将回调传递给相应的组件。

感谢您的链接，我在那里看到了一些有用的提示。

【参考方案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 来执行此操作。