Не срабатывает выполнение action creator в редьюсере

Question

Всем привет. Не могу понять, почему не срабатывает action creator Есть контейнерная компонента RegFormContainer, которой передается стор. В функции mapStateToProps, возвращаем объект, который хранит у себя в ключе функцию check, принимающую в параметрах isNewMember, которая диспатчит action creator addNewMemberAC

import RegForm from './RegForm';
import { connect } from 'react-redux';
import { addNewMemberAC } from '../../redux/memberReducer';

const mapStateToProps = (state) => {
  return {
    isNewMember: state.newMember.isNewMember,
  };
};

const mapDispatchToProps = (dispatch) => {
  return {
    check: (isNewMember) => {
      dispatch(addNewMemberAC(isNewMember));
    },
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(RegForm);

Презентационная компонента RegForm, в пропсах функцию эту видит, при нажатие на кнопку submit, редьюсер почему-то возвращается дефолтный стейт, action creator не срабатывает

import React from 'react';
import { Form } from 'react-final-form';
import { CreateField, DatePickers, Input, Select } from '../commons/FormControls/FormControls';

const RegForm = (props) => {
  let onSubmit = () => {
    props.check(props.isNewMember);
  };

  const validate = () => {
    // добавить валидацию на email и маску для телефона
  };

  return (
    <>
      <button onClick={checking}></button>
      <Form
        onSubmit={onSubmit}
        validate={validate}
        render={({ handleSubmit }) => (
          <form onSubmit={handleSubmit}>
            <CreateField name="memberName" component={Input} placeholder="ФИО" />
            <CreateField name="null" component={DatePickers} />
            <CreateField name="email" component={Input} placeholder="Email" />
            <CreateField name="phone" component={Input} placeholder="Телефон" />
            <CreateField name="distance" component={Select} unitText="км" />
            <CreateField name="payment" component={Input} placeholder="Сумма взноса" />
            <CreateField name="regDate" component={Input} placeholder="Дата регистрации" />
            <button>Submit</button>
          </form>
        )}
      />
    </>
  );
};

export default RegForm;

console.log(props.check()) почему-то возвращается undefined

Редьюсер

const ADD_NEW_MEMBER = 'ADD_NEW_MEMBER';

const initialState = {
  members: [
    {
      id: 1,
      name: 'Боталов Николай Леонидович',
      date: '26/05/1992',
      email: '[email protected]',
      phone: '+7(966) 791-62-68',
      distance: 3,
      payment: 500,
    },
  ],
  isNewMember: false,
};

const memberReducer = (state = initialState, action) => {
  switch (action) {
    case ADD_NEW_MEMBER:
      // добавление нового участника марафона
      debugger;
      console.log('hi');
      return {
        ...state,
        ...action.isNewMember,
      };

    default:
      console.log('1');
      return state;
  }
};

export const addNewMemberAC = (isNewMember) => ({
  type: ADD_NEW_MEMBER,
  isNewMember,
});

export default memberReducer;

Подскажите, пожалуйста, в чем моя ошибка?

БЛОГ НА HUSL

Не срабатывает выполнение action creator в редьюсере

Ответы (0 шт):