React Добавить кнопку при выборе переключателя

Я пытаюсь добавить кнопку выбора переключателя. Я понимаю, что для этого мне нужно играть со состояниями, но для меня это сложно. Пожалуйста помоги.

Поделитесь кодом, пожалуйста

Swapnil 08.06.2018 20:52
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
1
54
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Использование документов React doc1doc2doc3

Попробуй это:

class Radio extends React.Component {
  constructor(props) {
    super(props);
    this.state = {radio: 0};
    this.onRadioChanged = this.onRadioChanged.bind(this);
  }

  onRadioChanged(event) {
      this.setState({radio: parseInt(event.target.value, 10)});
  }

  render() {
    return (
      <div>
      <input type = "radio"
        value = {0} 
        checked = {this.state.radio === 0} 
        onChange = {this.onRadioChanged} />
      Option 1
      <input type = "radio"
        value = {1} 
        checked = {this.state.radio === 1} 
        onChange = {this.onRadioChanged} />
      Option 2
      {this.state.radio === 1? <button>Hi!</button> : null}
      </div>
    );
  }
}

React.render(
    <Radio/>, 
    document.body
);

Другие вопросы по теме