Почему возникает ошибка Cannot read property 'setState' of undefined?

Question

[Ninja Mate]

Где ошибка в методе resetUsers: this.handleAlertDismiss ?
Cannot read property 'setState' of undefined

super(...props);
        this.state = {
           showModal: true,
            ...
           //handleAlertDismiss Не работает
            resetUsers: this.props.resetUsers || this.handleAlertDismiss
        };
        this.handleAlertDismiss = this.handleAlertDismiss.bind(this);
    }

    handleAlertDismiss() {
        this.setState({showModal: false});
    }

    render() {
        const {resetUsers} = this.state;
        return (
            <div>
                <Modal show={this.state.showModal} bsSize="sm">
                         <Alert bsStyle={this.state.alertStyle} 
                                   showModal={this.state.showModal} 
                                   onDismiss={ this.state.resetUsers }>
                           
                                <Button onClick={resetUsers} >Gotcha!</Button>
                        </Alert>
                </Modal>
            </div>
        );

Comments

[copal]

Вы наверное контекст упустили, проверьте что там this.

Answer 1

[Алексей Зуев]

В конструкторе вашем ошибка. Вы сначала в this.state.resetUsers кладете значение ссылки на функцию, потом переопределяете эту функцию через bind, но this.state.resetUsers остается со старой ссылкой. В javascript копирование и передача производится by sharing
Решения
1) Биндим в лоб

<Button onClick={resetUsers.bind(this)} >Gotcha!</Button>

2) Вместо

this.handleAlertDismiss = this.handleAlertDismiss.bind(this);

пишем

this.state.resetUsers = this.state.resetUsers.bind(this);

3) Делаем правильную ссылку

constructor() {
		super(...props);
		this.handleAlertDismiss = this.handleAlertDismiss.bind(this);
		this.state = {
			showModal: true,
			resetUsers: this.handleAlertDismiss
		};
	}

Comments

[Ninja Mate]

Вариант 2 то что нужно! Спасибо. Как всегда, ответ удивительной точности.