Обе радиокнопки остаются выбранными для первого выбора, в то время как радиокнопки должны переключаться при каждом выборе
Я работаю над веб-приложением, используя Reactjs и TypeScript, у которого есть 2 радио
компоненты, которые при изменении будут иметь состояние setStatetemplateValue, и это
состояние затем присваивается радиокомпоненту как значение для радио, которое должно быть
на.
<Radio
value = {state.templateValue === 'templateOne' ? 'templateOne' : undefined}
onChange = {() => { setState({...state, templateValue: 'templateOne' } } }
options = { [{ label:'Template One', value: 'templateOne' }] }
/>
<Radio
value = {state.templateValue === 'template' ? 'templateTwo' : undefined}
onChange = {() => { setState({...state, templateValue: 'templateTwo' } } }
options = { [{ label:'Template Two', value: 'templateTwo' }] }
/>
Для приведенного выше кода впервые при приземлении, если я выберу невыбранный переключатель, оба переключателя остаются выбранными, позже дважды щелкнув выбранную радиокнопку, мы можем начать переключаться между 2 радио, что нормально.
Если ваши два абзаца не цитируют кого-то другого, пожалуйста, не помещайте их в уценку для цитат. Я предположил, что это не так, и исправил это. Также обратите внимание, что «я» и «я» всегда пишутся с заглавной буквы.
В комментарии к ответу, который, вероятно, будет удален, вы сказали "это только часть кода, который я могу показать, остальной код не имеет отношения к этому. Просто хотел узнать, не выполняет ли setState одного переключателя повторно визуализацию другого переключателя и проверяет templateValue" Пожалуйста, прочтите ссылку минимальный воспроизводимый пример, которую я разместил выше. Да, вы, может, поделитесь MRE о проблеме, с которой столкнулись. Возможно, вам придется удалить некоторые биты, заполнить некоторые заполнители и т.д .; подробности читайте по ссылке. Если вы решите не делать этого, это ваш выбор. Без него мы вряд ли сможем вам помочь.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Обновите свой вопрос, добавив минимальный воспроизводимый пример, демонстрирующий проблему, в идеале работоспособный, используя Stack Snippets (кнопка панели инструментов
[<>]). Фрагменты стека поддерживают React, включая JSX; вот как это сделать.