Как в React + Redux получить данные с api одним экшеном и редюсером?

Question

[Foxgeus]

Пришел с Angular 2 в React + Redux.
В Angular описывал base.service, который реализовывал все основные методы по работе с данными.
А потом просто набирались компоненты, как конструктор, ссылаясь на этот base.service.

Как реализовать подобный универсальный base.reducer и base.action в Redux?
Уверен есть примеры, не могу найти.

Для начала пытаюсь вытащить с помощью одного редюсера и одного экшена данные (пр. users, hospitals) из api, вызывая экшн fetchData(url). А вот дальше не понимаю, как редюсером данные сохранить в store, соответствуя ответу от api. Чтобы было store.users и store.hospitals.

Comments

[Foxgeus]

Артём Петренков: Нет. По очереди. Не понятно, как в store сохранять, чтобы потом я мог просто обратится store.users и store.hospitals. К примеру в json хранится в виде { "users": [ {...}, {...},{...} ], hospitals: [ {...}, {...}, {...} ] }. Потом один запрос на users, второй на hospitals. И в store положить, используя каждый раз тот самый base.reducer. А не писать каждый раз свой reducer для каждого get запроса.

[Foxgeus]

Артём Петренков: Спасибо большое. Идея через строковый ключ и была у меня, не знал, что реализация в таком синтаксисе.

Answer 1

[Vlad Feninets]

можно как-то так..

const myState = {
	users: [],
	hospitals: []
}

const myReducer = (state = myState, action) => {
	if( action.type === 'FETCH_DATA' ) {
		return myState[action.storeType].concat(data)
	}

	return state
}

const fetchData = (url) => {
	fetch(...).then(data => {
		return {
			type: "FETCH_DATA",
			data: data.result,
			storeType: data.type
		}
	})
}

Comments

[amiksam]

Vlad Feninets хм.. мутабильный state. Как его подключаете к React?

[Vlad Feninets]

amiksam: почему мутабельный? concat ведь возвращает новый массив.
подключать через connect из react-redux.

[amiksam]

да, сорри. с глобальным стейтом все будет ок