Когда я пытаюсь отправить действие, я получаю сообщение об ошибке отправка не определена
- Я новичок в redux и пытаюсь научиться всему с нуля.
- поэтому я тоже использую пакет 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.info("handleSubmit--->", handleSubmit);
console.info("handleSubmit props--->", props);
dispatch(showLoading("sectionBar"));
return (
<div>
<LoadingBar />
<form onSubmit = {handleSubmit}>
<Field
name = "username"
type = "text"
component = {renderField}
label = "Username"
/>
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
отправка проходит через props. используйте props.dispatch вместо
хм, что вы имеете в виду под состоянием "пройти через состояние"? reduxForm(opts) - это компонент более высокого порядка, и использование reduxForm(opts)(Component) приведет к отправке в ваш компонент. В вашем SyncValidationForm.js reduxForm(opts)(SyncValidationForm), поэтому ваш компонент SyncValidationForm имеет доступ к dispatch. Если вам просто нужно показать панель загрузки при отправке формы, вам не нужно использовать состояние. Просто в вашей функции отправки формы используйте что-то вроде dispatch(loadingAction)
так что мне нужно использовать его как handleSubmit.dispatch (showLoading ("sectionBar")) или каким-то другим способом ... не могли бы вы помочь мне ... это так запутанно ... вы можете обновить прямо в моей песочнице :(
Обработчик отправки формы находится внутри showResult.js. Поскольку это всего лишь служебная функция, а не компонент, поэтому он не имеет доступа к самой диспетчеризации, поэтому лучше импортировать store и использовать store.dispatch. Взгляните на codeandbox.io/s/1vq8j73jn4
эй, я все еще запутался, не импортируя хранилище, которое я не могу достичь в showResults.js ... есть ли другой способ ... каково основное использование хранилища ... и поскольку компонент не создается здесь, вы говорите это как утилиту функция
эй, я использовал ту же логику в своем приложении, и мой штрих-код загрузки находится в ReceipeReviewCardList.js, но он не работает ... его внутри метода getPlayerssData, вы можете сказать мне, в чем проблема codeandbox.io/s/kxqppprjv
вы можете мне помочь с tgis one stackoverflow.com/questions/54084760/…
Диспетчерскую службу можно использовать по-разному:
import store from './store.js'; // add this in SyncValidationForm.js
dispatch(...); // replace this
store.dispatch(...); // use this instead
Однако я бы рекомендовал отправлять действия через соединение React-redux, который позволяет отправлять действия непосредственно из props и обычно рассматривается как способ React для отправки действий.
эй, мы можем передать отправку через состояние ... можете ли вы назвать причину, это поможет мне понять больше, а панель загрузки должна отображаться только при отправке форм