Здесь нужен некий хитроумный алгортим коллеги ) Опишу детали:
Имеем массив данных, в каждом объекте которого есть уникальный Title и дата, но дата за одно и тоже число может поваторяться, уникальный только title
const DATA = [
{
title: title_1,
date: 06/02/2023
},
{
title: title_2,
date: 06/02/2023
},
{
title: title_3,
date: 07/02/2023
},
{
title: title_4,
date: 07/02/2023
},
{
title: title_5,
date: 08/02/2023
},
{
title: title_6,
date: 08/02/2023
},
]
Когда запускаем итерации data.map(item => (
необходимо создавать контейнер(пусть это будет div)
его название будет первая уникальная дата
<div 06/02/2023(item.date)>
и в этом же контейнере нужно создавать снова div и в нем указывать title за эту дату
</div>
Вот что должно получиться:
<div 06/02/2023>
<div>title_1</div>
<div>title_2</div>
</div>
<div 07/02/2023>
<div>title_3</div>
<div>title_4</div>
</div>
<div 08/02/2023>
<div>title_5</div>
<div>title_6</div>
</div>
))
match по конкретной дате не подойдет, т.к. дата будет всегда у первого объекта - 'сегодня' (объектов с датой 'сегодня' может быть несколько подряд) , следующая уникальная дата сегодня + 1 и т.д.
Может как-то нужно сравнивать предедущий item.date с фактическим при итерации ? if(prev.item.date != item.date)
Вероятно нужно использовать .reduce
