Где сгенерировать массив?

Question

[Ольга]

для выпадающего списка создаю массив, на основе данных, которые приходят из api.
Массив countries создается в методе render. Где можно сгенерировать этот массив один раз, чтобы он в рендере постоянно не генерировался?
stores - массив объектов из которого выбираем поля country и добавляем их в массив this.countries. Затем с помощью filter оставляем только уникальные значения.

render() {
		const {data} = this.props;
		const stores = safeGet(data, 'retailers', EMPTY_ARRAY);
		stores.forEach(store => this.countries.push(store.country));
		const countries = this.countries.filter((country, index, array) => array.indexOf(country) === index);

		return (
			<main className={styles.root}>
				<FindStore items={stores} countriesList={this.countriesList}/>
			</main>
		);
	}

Answer 1

[Антон Спирин]

Если используете redux, можно использовать один из вариантов:
1. В mapStateToProps
2. При получении в саге, если используете redux-saga или async-action если используете redux-thunk
3. В редьюсере
Если redux не используете, в componentDidMount или методе в котором получаете данные.

Comments

[Ольга]

а как это сделать в mapStateToProps?

[Антон Спирин]

const countriesSelector = state => state.stores.map(store => store.country)
    .filter((country, index, array) => array.indexOf(country) === index);

const mapStateToProps = state => ({
  countries: countriesSelector(state),
});

Важно, чтобы в initialState stores был пустым массивом, иначе будет ошибка.

[Ольга]

Антон Спирин, спасибо)

Answer 2

[string15]

Попробуйте в componentDidMount