在哪里存储redux形式的成功消息，以及在onSubmitSuccess之后如何显示它？

Question

我一直在阅读有关该主题的文档和一些github问题，但是我找不到关于如何处理服务器返回并显示给用户的简单成功消息的明确答案。

我的reduxForm reducer看起来像这样：

form: formReducer.plugin({
    forgotPassword: (state, action) => { // <------ 'forgotPassword' is name of form given to reduxForm()
      switch(action.type) {
        case 'FORGOT_PASSWORD_EMAIL_SENT': {
         return {
            ...state,
            successMessage: action.payload
          };
        }
        default:
          return state;
      }
    }
  })

在我的实际表单组件中，我有以下内容：

.......
onSubmitSuccess: (successMessage, dispatch) => { dispatch({type: 'FORGOT_PASSWORD_EMAIL_SENT', payload: successMessage}) }

// now we connect the component to the Redux store:
function mapStateToProps(state) {
  return {
    appcoreData: state.appcoreData
  };
}

function mapDispatchToProps(dispatch) {
  return bindActionCreators({
                              doForgotPassword: doForgotPassword
                            }
                            , dispatch);
}

// Decorate the form component
ForgotPassword = reduxForm(formConfig)(ForgotPassword);
ForgotPassword = connect(mapStateToProps, mapDispatchToProps)(ForgotPassword);

export default ForgotPassword;

现在，成功提交表单后，所有内容都会正确执行，并且我的状态将类似于此state.form.forgotPassword.successMessage ='my string' ; 但是组件永远不会更新以显示实际消息。

也就是说，在我的Form组件中，我应该如何访问状态的这一部分？ 它不是作为财产传下来的，所以我不能做

const {successMessage} = this.props;

在控制台中，我可以看到调度的动作，如下所示：

@@redux-form/SET_SUBMIT_SUCCEDED
FORGOT_PASSWORD_EMAIL_SENT

因此，从我的表单组件内部，访问state.form.forgotPassword.successMessage并将其显示给用户的正确方法是什么？

Answer 1

尝试使用formValueSelector() 。 请参阅此处的示例： https : //redux-form.com/6.6.0/examples/selectingFormValues/