Не получать значения из формы Redux

Question

Я продолжаю получать неопределенность при вводе данных в форму.

export class DayForm extends React.Component {
onSubmit(values) {
    this.props.dispatch(saveDay(values));
    return this.props.history.push("/dashboard");
    };


render() {
    console.log(this.props.values);
    return(

        <form className="day-form"
        onSubmit={this.props.handleSubmit(values =>
                this.onSubmit(values)
        )}>
        <legend class="form-title">Log Meals</legend>
        <fieldset>
            <div className="general-inputs">
                <div className="field-container">
                    <label htmlFor="date">Date:</label>
                    <Field component={Input} type="date" name="date"
                    validate={[required, nonEmpty, isTrimmed]}/>
                </div>

                <div className="field-container">
                    <label htmlFor="meal1">Meal #1:</label>
                    <Field
                        component={Input}
                        type="text"
                        name="meal1"
                        validate={[required, nonEmpty, isTrimmed]} />
                </div>

                <div className="field-container">
                    <label htmlFor="meal2">Meal #2:</label>
                    <Field
                        component={Input}
                        type="text"
                        name="meal2"
                        validate={[required, nonEmpty, isTrimmed]} />
                </div>

                <div className="field-container">
                    <label htmlFor="meal3">Meal #3:</label>
                    <Field
                        component={Input}
                        type="text"
                        name="meal3"
                        validate={[required, nonEmpty, isTrimmed]} />
                </div>

                <div className="field-container">
                    <label htmlFor="snack">Snacks/Other:</label>
                    <Field
                        component={Input}
                        type="text"
                        name="snack"
                        validate={[required, nonEmpty, isTrimmed]} />
                </div>
            </div>
            <div className="submit-btn-box">
                <button
                    className="submit-btn"
                    type="submit"
                    disabled={this.props.pristine || this.props.submitting}>
                    Submit
                </button>
            </div>
        </fieldset>
        </form>
    );
}
}

export default reduxForm({
form: 'dayForm',
onSubmitFail: (errors, dispatch) => dispatch(focus('date','meal1', 'meal2', 'meal3', 'snack'))
})(DayForm);

Я все еще плохо знаком с использованием Redux, поэтому я не знаю, упускаю ли я что-то очевидное или нет.Все, что я пытаюсь сделать, это получить значения для этих нескольких элементов в этой форме, а затем на отдельной странице взять эти значения, чтобы отобразить их.Если вам всем нужно увидеть что-то более похожее на мои действия или редукторы, я также могу поделиться ими.

Итак, я пытаюсь создать форму, в которой кто-то записывает еды1, еды2, еды3 и закуски.Затем на другой странице я хочу иметь возможность получить эти значения еды.