（反应JS）重新渲染后，无线电输入选择在视觉上仍然存在

问：

我正在尝试在 React 中设置一个简单、快速的示例应用程序，并在无线电输入方面遇到了这个奇怪的问题。我有 3 个无线电输入选项，垂直排列，它们有一定的值。单击按钮元素时，3 个单选选项将替换为不同的单选选项，并且输入具有新值以反映该替换。至少在某种程度上，似乎确实发生了重新渲染。

但是，出于某种原因，如果在选择其中一个单选输入时按下按钮，则当新选项出现时，该输入似乎仍处于选中状态。但是，调试器显示 3 个新选项没有实际选择的值，因此填充的单选图标是一个视觉错误/项目。输入被替换，它们有适当的新值和所有内容，所以看起来组件被重新渲染了。但选择并没有消失。就像如果选择/填充了第一个单选选项，然后按下了 Button 元素并替换了选项，则第一个单选输入仍然显示为已填充。

另一件表明问题是视觉问题的事情是，在重新渲染后发生这种情况时单击 Button 元素不会触发其效果，除非再次单击其中一个选项;因此，它不会将持久填充的无线电检测为实际选择。

有没有人遇到过这个问题，或者可能知道如何解决它？