Можно ли повесить событие на onSelect для чекбокса?

Question

[Ninja Mate]

<Input type="checkbox" 
        onSelect={ ()=> this.setState({ eng_oneoff_eldwelc: 1 })} 
readOnly />

Почему не работает событие на onSelect, а на onChange все срабатывает?
Здача повесить несколько событий которые происходят на клик по чекбоксу, а при снятии отменяются. Как такое можно сделать?

Answer 1

[Андрей Антропов]

Нет такого события вот и не срабатывает. А управлять состоянием можно и через хэндлер на клик https://facebook.github.io/jest/docs/tutorial-reac...

Answer 2

[Сергей]

На onChange и вешайте и проверяете элемент чекнутый он или нет

Comments

[Ninja Mate]

у меня вот такой монстр получился, но стейт не задает

<Input type="checkbox" checked={this.state.isCheckedOther} label="Other"
                                               onChange={ (isCheckedOther)=> {
                                                    this.setState({ isCheckedOther: !this.state.isCheckedOther });
                                                    if(isCheckedOther===true){
                                                            this.setState({ eng_oneoff_other: 7 });
                                                            this.setState({ openPatientSupportOther: !this.state.openPatientSupportOther });
                                                    }else {
                                                            this.setState({ eng_oneoff_other: '' });
                                                            this.setState({ openPatientSupportOther: !this.state.openPatientSupportOther });
                                                    }
                                               }}
                                               readOnly />

[Ninja Mate]

не знаю почему, но сработало вот так))
{
this.setState({ isCheckedOther: !this.state.isCheckedOther });
if(this.state.isCheckedOther!==true){
this.setState({ eng_oneoff_other: 7 });
this.setState({ openPatientSupportOther: !this.state.openPatientSupportOther });
}else {
this.setState({ eng_oneoff_other: '' });
this.setState({ openPatientSupportOther: !this.state.openPatientSupportOther });
}
}}
readOnly />

Answer 3

[lemme]

<Input type="checkbox"  onChange={ (e)=> this.setState({ eng_oneoff_eldwelc: +e.target.checked })}

?

Comments

[Ninja Mate]

логику уловил, но мы так true false можем задать, правильно? потом его как кондицию через if прогнать для выполнения других setState?

[lemme]

Ninja Mate: Да можешь делать что угодно, хоть объект состояния передавать, хоть колбэк передавать. Вот пример, не реакт, но смысл тот же. https://jsfiddle.net/4gycopxv/

[Ninja Mate]

у меня вот такой монстр получился, но работает...

<Input type="checkbox" checked={this.state.isCheckedOther} label="Other"
                                               onChange={ (isCheckedOther)=> {
                                                    this.setState({ isCheckedOther: !this.state.isCheckedOther });
                                                    if(this.state.isCheckedOther!==true){
                                                            this.setState({ eng_oneoff_other: 7 });
                                                            this.setState({ openPatientSupportOther: !this.state.openPatientSupportOther });
                                                    }else {
                                                            this.setState({ eng_oneoff_other: '' });
                                                            this.setState({ openPatientSupportOther: !this.state.openPatientSupportOther });
                                                    }
                                               }}
                                               readOnly />

Спасибо