При попытке отправить действие я получаю сообщение об ошибке не определено

Question

• Я новичок в редуксе и пытаюсь изучить все с нуля.
• , поэтому я тоже пакет npm и реализую в своей форме
• , когда я пытаюсь отправить действие, которое яЯ получаю сообщение об ошибке не определено
• Можете ли вы дать мне знать, как это исправить.Я посмотрел документацию https://www.npmjs.com/package/react-redux-loading-bar
• Я отладил, поставив консоль, но все равно я не могу это исправить.
• Можете ли вы сказать мне, как исправить, чтобы в будущем я сам исправил.
• предоставив мой фрагмент кода и песочницу ниже.

https://codesandbox.io/s/zn812n05v4

const SyncValidationForm = props => {
  const { handleSubmit, pristine, reset, submitting } = props;
  console.log("handleSubmit--->", handleSubmit);
  console.log("handleSubmit props--->", props);
  dispatch(showLoading("sectionBar"));
  return (
    <div>
      <LoadingBar />

      <form onSubmit={handleSubmit}>
        <Field
          name="username"
          type="text"
          component={renderField}
          label="Username"
        />

Answer 1

Диспетчеризация может быть использована разными способами:

import store from './store.js'; // add this in SyncValidationForm.js

dispatch(...); // replace this
store.dispatch(...); // use this instead

Однако я бы порекомендовал диспетчеризировать действия через connect-1005 * response-redux, что позволяет отправлять действия напрямую из реквизита, ив более широком смысле рассматривается как Способ реагирования для отправки действий.

Answer 2

отправка проходит через props.используйте props.dispatch вместо