setState (...): Может обновлять только смонтированный или монтажный компонент

Question

Это код. Не знаю, почему возникает проблема.

class TeacherForm extends Component { 
    constructor({ data }) { 
    super(); 

    this.isUpdatingForm = !! data; 
    this.state = Object.assign({ ... }); 

    this.handleSubmit = this.handleSubmit.bind(this); 
    this.removeTeacher = this.removeTeacher.bind(this); 
    } 

    handleChange(value, field) { 
    this.setState({ shouldUpdate: true, [field]: value }); 
    } 

    handleSubmit(e) { 
    e.preventDefault(); 
    const { name, subjects, parttime, timing } = this.state; 

    if (this.isUpdatingForm) { 
     return update.call({ 
     _id: this.props.data._id, 
     transaction: { name, subjects, parttime, timing }, 
     },() => this.setState({ shouldUpdate: false })); 
    } 

    return add.call(); 
    } 

    removeTeacher() { 
    return remove.call(this.props.data._id); 
    } 

    render() { 
    return (
     <form onSubmit={this.handleSubmit}> 
     ... 
     </form> 
    ); 
    } 
} 

Ошибка брошена в методе handleSubmit в обратном вызове update.call. Обычно это отображается, когда я вызываю removeTeacher и обновляет список, и этот компонент размонтируется.

Answer 1

Звучит как обратный вызов () => this.setState({ shouldUpdate: false }) выполняется после того, как компонент размонтирован. Это возможно? Если это так, один из способов обойти это, чтобы заменить эту часть на

return update.call({ 
    _id: this.props.data._id, 
    transaction: { name, subjects, parttime, timing }, 
},() => { !this.unmounted && this.setState({ shouldUpdate: false }); }); 

и добавить

componentWillUnmount() { 
    this.unmounted = true; 
}