Время отображения разных объектов в один день React native

Question

Моя идея состоит в том, что я хочу отобразить несколько дней с часами перед ними из данных, которые я получаю, например: понедельник: с 08:00 до 13:00, пятница: с 14:00 до 17:00 13: С 00 до 19:00 данные, которые я получаю, выглядят так:

введите описание изображения здесь

, так что это массив объектов, где jour = day и heure1: hour1.Поэтому я сопоставил его в своем коде следующим образом:

 {
                        (this.props.data.lieux[0].horaires) ?
                        this.props.data.lieux[0].horaires.map((lng, ney) => {
                            return <View style={{ flexDirection: 'row' }}>
                              <View >
                                <Text>{lng.jour}</Text>
                              </View>
                              <View style={{ flexDirection: 'column', flex: 1, backgroundColor: '#bdc3c7', margin: 5 }}>
                                <Text  style={{ margin: 5 }}>{lng.heure1}</Text>
                                <Text  style={{ margin: 5 }}>{lng.heure2}</Text>
                              </View>
                            </View>
              
                          })
                          :
                          <></>
                      }

, но проблема в том, что я хочу если у объектов один и тот же день (jour = day = monday), я должен указать часы в одном и том же виде. не 2 разных взгляда на один и тот же день. Надеюсь, я прояснил это достаточно, и я действительно был бы признателен за вашу помощь! спасибо

Answer 1

Вы можете использовать метод loda sh _.groupBy, чтобы объединить данные в тот же день. Я создал пример, используя reactJS здесь: https://codesandbox.io/s/epic-night-mb053?fontsize=14&hidenavigation=1&theme=dark

введите описание изображения здесь

Посмотрите, пожалуйста.