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

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

<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 />

Спасибо

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

не знаю почему, но сработало вот так))
{
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 />

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

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

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

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

<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 />

Почему на сервере функция is_user_logged_in() вызывает ошибку, но работает на localhost?

Alexander Shilov: ну мне же за это заплатили много денег)

Почему на сервере функция is_user_logged_in() вызывает ошибку, но работает на localhost?

Stalker_RED: на сервере пхп буфер не работает, а значит я пытаюсь отправить на уже показанную пользователю страницу. www.php.net/manual/en/outcontrol.configuration.php...

Почему на сервере функция is_user_logged_in() вызывает ошибку, но работает на localhost?

пол часа смотрел и ничего там не происходит в 4583 (я так понимаю что это примерная строка ошибки), но выход найден

Как кнопку setState в элементе, который будет менять стейт в элементе уровнем выше?

Посмотрите если не сложно Как React-router можно передать props перезагрузги родительского component? не пойму как их элемента роут менять

Как кнопку setState в элементе, который будет менять стейт в элементе уровнем выше?

Aves: если можно подробнее немного, я вам на почту написал с примером кода

Как кнопку setState в элементе, который будет менять стейт в элементе уровнем выше?

Aves: а вот так даже не работает с родительского элемента кнопка...

class GridView extends Component {
    constructor(...args) {
        super(...args);
        this.state = {
           form: ''//<UserHome {...this.props} change={this.changeView}/>
        };
        //this.change = this.change.bind(this)
        //this.changeView = this.changeView.bind(this)
    }



    render() {

        var changeView= () => this.setState({form: <NewPatient />});

        this.state = {
            form: <UserHome change={changeView}/>
        };

        return (
                            {this.state.form}
<Button onClick={changeView}/>

Как кнопку setState в элементе, который будет менять стейт в элементе уровнем выше?

Aves: Как же тогда задать начальный стейт? У меня первый элемент появляется с кнопками, которые должны потом убраться и другие страницы показать на месте {this.state.form } где они и появились.

Как кнопку setState в элементе, который будет менять стейт в элементе уровнем выше?

Aves: в элементе <Button onClick={this.props.change}

Как кнопку setState в элементе, который будет менять стейт в элементе уровнем выше?

Aves:

class GridView extends Component {
    constructor(...args) {
        super(...args);
        this.state = {
            form: <UserHome change={this.changeView}/>
        };
        this.change = this.change.bind(this)
    }


    changeView() {
        this.setState({form: <NewPatient />})
    }

    change(){
        this.setState({ open: !this.state.open })
    }
    render() {
        return (
                            {this.state.form }

и в самом элементе выдает ошибку

TypeError: Cannot read property 'setState' of null

может нужно как то this указать или еще что то?

Как кнопку setState в элементе, который будет менять стейт в элементе уровнем выше?

А как правильно передать ? Метод вот такой с передачей из родительского

class GridView extends Component {
    constructor(...args) {
        super(...args);
        this.state = {
            form: <UserHome {...this.props}/>
        };
        this.change = this.change.bind(this)
    }
    
    changeView(){
        this.setState({ form: <NewPatient /> })
    }

...{this.state.form}

А в элементе как правильно задекларировать?onClick={changeView()}

Как сделать рендер компоненту ReactJS?

Посмотрите мой вопрос более развернуто вот здесь Как кнопку setState в элементе, который будет менять стейт в элементе уровнем выше?

Почему setState не работает в данном случае?

Никита Гущин: скорее всего, ничего в других компонентах бутстрапа нет похожего, остается только гадать. Спасибо за помощь

Почему setState не работает в данном случае?

Никита Гущин: react-bootstrap не сильно документируют свои копмпоненты, просто есть такой и там setState не фурычит

Почему setState не работает в данном случае?

все же не работает первый вариант, а вот второй UPD1 на ура

Почему setState не работает в данном случае?

не работает попробовал this.in.state и this.state = Uncaught TypeError: Cannot read property 'state' of undefined

Почему setState не работает в данном случае?

Алексей Тен: святая морковка... а ведь получилось... onChange={this.change.bind(this)} сделайте Ответом. отмечу как правильный