React флажок не будет работать, onChange не срабатывает - PullRequest
Новая
       54

React флажок не будет работать, onChange не срабатывает

0 голосов
/ 09 ноября 2018

Я проверил различные форумы, чтобы решить эту проблему, но я не смог найти пример, где плакат буквально копировался и вставлялся из документов React.

Я включил фрагмент своего кода.

Когда я наводю курсор на флажок, он приходит в бешенство и захват (почти как мигание). Когда я нажимаю на нее, я не верю, что срабатывает onChange, потому что нет вывода на консоль. Код флажка был скопирован и вставлен непосредственно из https://reactjs.org/docs/forms.html.

Если мне удастся установить флажок во время его перепрошивки, то все исчезнет.

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

class LoginPage extends React.Component {
constructor(props) {
    super(props);

    this.state = {
        username: '',
        password: '',
        submitted: false,
        isGoing: true,
    };

    this.handleInputChange = this.handleInputChange.bind(this);
}


handleInputChange(event) {
    console.log("handle input change")
    const target = event.target;
    const value = target.type === 'checkbox' ? target.checked : target.value;
    const name = target.name;

    this.setState({
        [name]: value
    });
}


render() {

    return (
      <span>
        <input
            name="isGoing"
            type="checkbox"
            checked={this.state.isGoing}
            onChange={this.handleInputChange} 
        />
        <label>Checkbox</label>
      </span>
    );

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

Спасибо!

...