Size: a a a

React: русскоязычное сообщество

2021 May 12

DK

Dmitry Kozlov in React: русскоязычное сообщество
Ребята, всем привет! Помогите пожалуйста. Не могу никак понять почему появляется первая колонка в таблице после клика на кнопки next, prev week...
На скрине сама колонка. Видимо что-то я перемудрил со стейтом и useEffect... Помогите пожалуйста..
В песочнице ошибки из-за того, что компоненты не подключены. Я выложил код нужного компонента. Приложение естественно не работает. Вся проблема в данном компоненте, поэтому не стал все загружать.

https://codesandbox.io/s/delicate-smoke-uii29
источник

DK

Dmitry Kozlov in React: русскоязычное сообщество
источник

V

Vlad in React: русскоязычное сообщество
а какая логика работы должна быть?
источник

DK

Dmitry Kozlov in React: русскоязычное сообщество
При первом рендере, просто загружаются нужные даты, но после нажатия на некст вик(типа пагинация по неделям) или прев вик, появляется первые столбец, на скрине видно
источник

V

Vlad in React: русскоязычное сообщество
там дата я так понял тебя смущает?
источник

DK

Dmitry Kozlov in React: русскоязычное сообщество
нет, мне нужно просто убрать первый дублированный столбец-посмотри первый и второй столбец-это одна и та же дата. Не важно сколько дней..
источник

V

Vlad in React: русскоязычное сообщество
так ты делаешь + 6, мб в этом проблема?
источник

DK

Dmitry Kozlov in React: русскоязычное сообщество
нет, там что-то со стейтом не то..
источник

AK

Andrey Kozlov in React: русскоязычное сообщество
Особо не смотрел, но вот эта строчка - const [currentDate, setCurrentDate] = useState(todayIs); так делать не нужно, если у тебя будут приходить новые пропсы todayIs то состояния не будет изменять. Используй  React.useEffect(() => {
     setCurrentDate(props.todayIs);
 }, [props.todayIs]
источник

V

Vlad in React: русскоязычное сообщество
currenyDate+week
источник

A

Andu- in React: русскоязычное сообщество
ребят если юзали ui react библиотеки посоветуйте ( material ui вроде самая популярная(60к звезд гитх) но ant-design и react-suite больше понравилось )
источник

V

Vlad in React: русскоязычное сообщество
по сути у тебя по newWeek, ты сетишь уже в стейт сегодняшнюю дату, и потом ты снова в daysInterval пихаешь сегодняшнюю дату
источник

V

Vlad in React: русскоязычное сообщество
чакра
источник

Ю

Юрий in React: русскоязычное сообщество
Бутстрап. Материалом и антом пользуюсь из за того,что давно с ними. Последние новости которые читал по бутстрапу, что они выпилили жеквери, но не знаю на каком этапе, вышли ли они из альфы или нет
источник

DK

Dmitry Kozlov in React: русскоязычное сообщество
и как это решить?
источник

V

Vlad in React: русскоязычное сообщество
не сетить сегодняшнюю дату вот тут, либо в юзэфекте
источник

DK

Dmitry Kozlov in React: русскоязычное сообщество
не помогает. Если убираю из nextWeek то отображается только один столбец, а если убираю из юз эффекта то вообще все столбы пропадают
источник

V

Vlad in React: русскоязычное сообщество
сделай в юзэфекет не сегодняшнюю дату, а сегодня + 1 день
источник

V

Vlad in React: русскоязычное сообщество
start: new Date(currentDate) + 1 day
источник

DK

Dmitry Kozlov in React: русскоязычное сообщество
не, не помогло
источник