Условный рендеринг в радиокнопке сохраняет оба значения в состоянии

Я новичок в react, у меня есть условный рендеринг в радиокнопке,

  • допустим, кнопка отношения имеет 2 варианта option1 и option2
    • .
  • при выборе option1 на странице появляется 2 text fields (скажем, имя и фамилия)
  • при выборе option2 на странице появляются 2 кнопки(saybtn1andbtn2`)
  • если я выбираю option1 и заполняю first & last name и нажимаю сохранить, она сохраняется и если я возвращаюсь на эту страницу, она показывает последнее заполненное first & last name
    • .
  • Но позже, если я вернусь и выберу option2, нажму на btn1 и нажму сохранить, состояние сохранится first name, last name и option2 при нажатой клавише btn1.
  • после сохранения option2 если я нажму option1, я все еще вижу first & last name заполненный
    • .
  • Я приложил пример кода, все поля взяты из приложения Django
    • .

- проблема в том, что каждая опция кнопки отношения имеет свое количество вложенных компонентов. как переключить все вложенные значения невыбранных опций на null или default, когда выбрана альтернативная опция радиокнопки.

Вернуться на верх