Не удается сбросить в редуксе после отправки - PullRequest
Новая
       7

Не удается сбросить в редуксе после отправки

0 голосов
/ 26 марта 2020

Я хочу сбросить redux-form после того, как пользователь отправит форму. И я пытаюсь применить возвращаемое значение Redux к начальному значению, но это не работает. После отправки оно не меняется. Не сбрасывается.

реагирующий компонент 

onSubmit = values => {
  this.props.createMessage(values);
};

<form onSubmit={handleSubmit(this.onSubmit)}>
  <Field
    label={"Message"}
    name="content"
    placeholder={
      "Enter text"
    }
    component={MessageForm}
    validate={required}
  />
  <button type="submit">
   Submit
  </button>
</form>

function mapStateToProps({ messages }) {
  return {
    initialValues: {
      content: messages.content
    }
  };
}

редуктор 

import { CREATE_MESSAGE } from "../actions";

const initialState = { content: "" };

export default (state = initialState, action) => {
  switch (action.type) {
    case CREATE_MESSAGE:
      return state;

    default:
      return state;
  }
};

действие 

export function createComment(values) {
  return dispatch => {
    commentsRef
      .add({
        content: values.content,
        created_at: firebase.firestore.FieldValue.serverTimestamp()
      })
      .then(function() {
        dispatch({ type: CREATE_MESSAGE });
      });
  };
}
...