reactjs - MobX 将存储重置为初始状态

Question

我想在我的模态窗口上单击按钮后将存储变量重置回初始值，现在一旦单击按钮，如果我回到我的模态窗口，该按钮将保持启用状态。

店铺

@observable isValidPassword = true;
@observable isPasswordMatched = false;

@action
setIsValid = isValid => {
    this.isValidPassword = isValid;
};

@action
setIsMatched = isMatched => {
    this.isPasswordMatched = isMatched;
};

Answer 1

我管理 :

在组件中，您可以调用

componentWillUnmount() {
    this.props.validationPasswordStore.reset();
}

在商店中，您可以调用 setter 或自己分配默认值

@action
reset() {
    this.setIsMatched(false);
    this.setIsValid(true);
}


  @action
    reset() {
    this.isValidPassword = true;
    this.isPasswordMatched = false;
}