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();
}

在商店中，您可以致电设置员或自行分配默认值

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


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