Роман Александрович

interface IFilters {
    id: keyof IItems; // <-- "id" | "filter1" | "filter2"
    title: string;
  }

const initialState = {
  result: [], // list of ids
  data: {}, // map by id
}

export const placesReducer = (state, { type, payload }) => {
  switch (type) {
    case 'PLACES_LOAD_SUCCESS':
      return {
        ...state,
        // псевдокод, можно использовать https://github.com/paularmstrong/normalizr
        result: payload.map(id),
        data: payload.reduce(keyById),
      }
  }
}

// по этому результату делаете .map
export const getPlaces = state => state.places.result
// этот селектор будет дергать каждый Place, только ему нынче кидайте не place={place}, а id={id}, ибо .map по идентификаторам идёт
export const getPlace = (state, id) => state.places.data[id];

this.setState({
  data: {
    text: {
      value: {
        title: 'нужный тайтл'
      }
    }
  }
})

this.setState(prevState => ({
      data: {
        ...prevState.data,
        text: {
          ...prevState.data.text,
          value: {
            ...prevState.data.text.value,
            title: '1234'
          }
        }
      }
}))

getCitiesOptions = () => {
  const country = +this.state.country;

  return Object
    .entries(cities)
    .filter(n => n[1].country === country)
    .map(([ id, city ]) => <option key={id} value={id}>{city.name}</option>);
}