Получайте значение переключателя каждый раз, когда оно меняется в ReactJS - PullRequest
Новая
       42

Получайте значение переключателя каждый раз, когда оно меняется в ReactJS

0 голосов
/ 21 сентября 2019

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

в JSX 

<input type="radio" name="radio" id="radio1" value="yes" onChange={(e) => this.radioChange(e)} />
<input type="radio" name="radio" id="radio2" value="no" onChange={(e) => this.radioChange(e)} />

и функция 

radioChange = (e) => {
   console.log(e.target.value);
}

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

Пожалуйста, помогите.

1 Ответ

2 голосов
/ 21 сентября 2019 

class App extends React.Component {
  
  radioChange(event) {
    console.log(event.target.value);
  }
  
  render() {
    return ( 
      <div>
        <input type="radio" name="radio" id="radio1" value="yes" onChange={(e) => this.radioChange(e)} /> Yes
        <input type="radio" name="radio" id="radio2" value="no" onChange={(e) => this.radioChange(e)} /> No
      </div>
     )
  }
}

ReactDOM.render(<App/>, document.getElementById('app'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="app"></div>
...