допустим решение в лоб - выглядит как массив массивов в простейшем случае.

или я бы организовал Map с ключами-датами, в который вложены Map, так как судя по всему тебе важен порядом мест (1, 2, 3)

А можешь примерно показать как это? Два дня бьюсь и никак..

фактически у тебя это выглядит как двумерная матрица - число рабочих мест X дни.

можно организовать с помощью обычных массивов  или Map.

решай последовательно - сначала нарисуй столбцы с датами, потом внутри каждого столбца рисуй с помощью map набор занятых мест.

не знаю, откуда у тебя приходят данные, но ты должен быть уверен, что они будут отсортированы (даты - от ранней к поздней, места - по номеру)

думаю, нарисовав для начала это, ты будешь понимать, что делать дальше

Спасибо, сейчас почитаю!

Почитал. Но не могу понять как сделать. Руки опускаются

что не понятно?

Как организовать данные в массиве(state).
И как сделать чтобы в каждой новой колонке даты были правильные? Ведь колонка это компонент и когда он рендерится даты в нем рендерится тоже одинаковые..это и есть вопрос

1. Какие у тебя сейчас данные? Покажи ответ от сервера. Думай пока о приложении не в терминах реакта, а как о данных

2. Что значит правильные даты?

Я пока все держу в локальных стейтах. Хочу сделать каркас в реакте, а потом и данные от сервера буду брать, тем более его нет пока.. Я первый раз делаю проект и поэтому многое не знаю. Хочу научится походу..
Правильные даты-от текущего дня, и подряд, каждая колонка -это новая дата. И потом стрелкой вправо можно сделать скрол до конца месяца.

всем привет! впервые делаю авторизацию, подскажите пожалуйста, использую нод, монгодб и экспресс, все подключила, токен записывается в кукис, и теперь надо сделать, чтобы после логина открывалась следующая страница, а у меня остается страница с формой. я нашла как это выполнить если токен хранится в local storage, но не знаю, как подстроить это с кукис.
возможно вопрос глупый, но я только учусь. буду рада любой информации, большое спасибо!

Перед стартом прилаги на фронте, можно сделать запрос на получение инфы юзера.

По нему прописать в стор, что авторизован/нет.
И сделать редирект/отображение формы.

Давай пойдём от простого - как получить, например, 10 дней от сегодняшнего числа и нарисовать столбцы можешь?

Давай) Вот только что сделал вот так https://codesandbox.io/s/modest-joliot-5j8w4
И вроди как всё получилось как и хочу. И даже id для даты и столбца получилось передавать одинаковые.

спасибо, буду пытаться сделать!

и вот дорабатываю. https://codesandbox.io/s/happy-resonance-z8cub
Теперь при нажатии на любое место, получаю его дату и номер самого места, в консоль логе)) Спасибо!

Ребята, а как можно изменить текст элемента(div) при клике на него типа как в js event.target.innerText?

ну т.е. кликнули, получили сам элемент и ему передали данные из стейта

Примерно так:


const [text, setText] = useState('Один текст')

return <div onClick={() => { setText('Другой текст') }}>{text}</div>

не, так не пойдёт) у меня например 10 дивов, при вашем коде текст смениться у всех. А мне нужно чтобы менялся только у того по которому кликнули