Экспорт нескольких действий в файл action.js Redux
У меня есть два таких действия в файле action.js.
const addpostid = (post) => {
return {
type: 'ADD_COMMENT',
post
}
}
const addcommentform = (login_status, author_name, author_email, content, parent) => {
return {
type: 'ADD_COMMENT',
login_status, author_name, author_email, content, parent
}
}
Как я могу экспортировать эти действия?
Я использую export default, но он только для одного действия.
Вот моя депеша:
function mapDispatchToProps(dispatch){
return {
commentformadded: (login_status, author_name, author_email, content, parent) => dispatch(addcommentform(login_status, author_name, author_email, content, parent))
};
};
@Justcode Возвращает ошибку объекта, когда я звоню из диспетчера
Вам нужно объяснить весь процесс отправки, тогда я могу вам помочь.
@Justcode, можете ли вы проверить мой обновленный код отправки? Спасибо
Вы можете использовать export const, затем импортировать весь файл действия как некоторую временную переменную и получить к нему доступ с помощью temp.yourfunction
@Justcode: Вы можете написать, чтобы ответить? Я все еще в замешательстве. Спасибо огромное.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
По умолчанию вы можете экспортировать только одно значение. Однако, используя именованный экспорт, вы можете экспортировать столько модулей, сколько захотите. Вы можете сделать это как
const addpostid = (post) => {
return {
type: 'ADD_COMMENT',
post
}
}
const addcommentform = (login_status, author_name, author_email, content, parent) => {
return {
type: 'ADD_COMMENT',
login_status, author_name, author_email, content, parent
}
}
export { addpostid, addcommentform };
и в файлы импортируйте их как
import { addpostid, addcommentform } from 'path/to/actions';
или просто импортируйте весь экспорт из подобных
import * as actions from 'path/to/actions';
и используйте их как actions.addpostid, actions.addcommentform
Измените свои действия вот так
export const addpostid = (post) => {
return {
type: 'ADD_COMMENT',
post
}
}
export const addcommentform = (login_status, author_name, author_email, content, parent) => {
return {
type: 'ADD_COMMENT',
login_status, author_name, author_email, content, parent
}
}
Предполагая, что имя вашего файла - testActions.js
В свой компонент вы можете импортировать его вот так
import * as testActions 'path to your action/testActions';
Используйте свои функции вот так
testActions.addpostid
или
testActions.addcommentform
или
import { addpostid, addcommentform } from 'path to your action/testActions';
export const addpostid?