Я изучаю Redux с React. У меня есть форма в компоненте. Я хотел бы передать данные из этого компонента в действия Redux. Я использую приведенный ниже код для отправки этой формы.
handleSubmit = event => {
var mouse = 'mouse';
this.props.dispatch(mouse);
}
Мои действия, как показано ниже
const authActions = (value) => {
return {
type: 'Hello',
payload: value
};
}
export default authActions;
Мой Редуктор, как показано ниже
import authActions from '../actions/authActions';
const initialState = {
user: {},
error: {}
}
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'Hello': {
console.info(action.payload);
}
default: return state;
}
}
export default reducer;
Может быть, я не смог правильно выразиться. Я не знаю, правильно ли я изучаю Redux или нет. Пожалуйста, помогите мне кто-нибудь.
Как я могу отправить данные из моего компонента в действие?





В идеале вы должны использовать mapActionsToProps обернуть authActions в dispatch и добавить его в свой реквизит, но если у вас есть метод редукции dispatch в ваших реквизитах, как вы здесь видите, вы должны просто сделать
handleSubmit = event => {
var mouse = 'mouse';
this.props.dispatch(authActions(mouse));
}
authActions — создатель действий. Вы вызываете его со своим значением и получаете действие в ответ. Затем вы отправляете действие в хранилище избыточности.
Спасибо большое. Это большая помощь для меня. Спасибо.