Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

sergeyviktorovich, руками) Благо, codesandbox имеет автоформатирование кода

Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

sergeyviktorovich, обратите внимание, как экспортированы компоненты TaskMain и MenuTask в песочнице. Через константу. Я там экспортировал по дефолту, но вы так же как у себя можете экспортировать по дефолту, предварительно создав константу и экспортировав её по дефолту.

/*MenuTask*/
const MenuTaskConnected = connect(mapStateToProps)(MenuTask);
export default MenuTaskConnected;

/*TaskMain*/
const TaskMainConnected = connect(mapStateToProps)(TaskMain);
export default TaskMainConnected;

Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

sergeyviktorovich, ознакомьтесь
выкинул в редакс

Как правильно сделать адаптивность в данном случае?

ahahahaha2312, eсли речь идёт о классах, то вам поможет document.querySelector() или document.querySelectorAll()

Как правильно сделать адаптивность в данном случае?

ahahahaha2312, а почему бы не использовать классы?

Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

sergeyviktorovich,
вот ваш проект в песочнице, только нет firebase (я просто свой массив заметок подложил)

обратите внимание на основной index.js и компонент MainPage.js

надо было просто удалить старый хлам, который уже давно deprecated (о чём я вам говорил выше) в виде библиотеки react-router-redux

Как правильно сделать адаптивность в данном случае?

ahahahaha2312, я бы на вашем месте сначала задумался над тем, почему у вас в DOM 2 элемента с одинаковыми id.

Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

sergeyviktorovich,

import {withRouter} from 'react-router-dom';
   //.....
   //.....
   export default connect(mapStateToProps)(withRouter(MenuTask));

Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

sergeyviktorovich, что ж вы сразу не скинули ссылку на этот древний ресурс.
друг мой, последний коммит для этого курса был больше 4 лет назад. Там у них 15-ая версия реакта (сейчас 17, уже анонсировали 18 версию), реакт-роутер 3 версии (сейчас 5 уже)

Ознакомьтесь с песочницей, что я скинул вам выше. Там почти сэмулирована ваша ситуация

Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

С чего бы это роутер и редакс не работают вместе?

export default connect(mapStateToProps)(withRouter(MenuTask));

А вообще вот наилегчайший шаблон того, что вы хотите получить.

Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

Ну уже лучше.
Чтобы получить доступ к history можно просто обернуть компонент в withRouter. В вашем случае это компонент TaskMain

Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

компонент PageRouter должен быть обёрнут в Provider вместо TaskMain

Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

Ага, так. Я не вижу, где вы обозначили Switch с дочерними роутами

Почему не становятся ссылки активными при использовании connect(mapStateToProps)(TaskMain)?

Я правильно понимаю: вы изменяете URL, но не видите изменений, т.к. не реагируют компоненты, заданные для каждого URL-a?

Как проверить что данных больше нет еще до последнего запроса?

как можно удалить кнопку еще до проверки что данные не будут получены?

удалить кнопку ещё до условия во втором then?) Или вообще первом then.

Как правильно реализовать несколько изображений на background?

создаёшь блок, задаёшь:

position: absolute;
left: 0 (или отрицательное значение);
or
right: 0 (или отрицательное значение);

Как описать обобщённый ответ с restful api сервера?

Дмитрий Беляев, благодарю Вас за ответ!

Как описать обобщённый ответ с restful api сервера?

Задам вопрос, если позволите: а если у нас 3 типа, и все объекты. Причём свойства каждого из них различаются на 100%

For example:

export type ApiResponse =
  | { prop1: 'text', prop2: 'text', prop3: 'text' }
  | { prop4: 'text', prop5: 'text', prop6: 'text' }
  | { prop7: 'text', prop8: 'text', prop9: 'text' };

И при использовании скажем свойства 'prop7' TS нам логично выкинет ошибку о том, что такого свойства в объекте { prop1: 'text', prop2: 'text', prop3: 'text' } нет.

Почему задают такие свойства для елемента с position absolute?

width: calc(100% - 20px)

Эта запись говорит: "Пусть элемент, к которому будет применено это свойство, будет на всю ширину устройства (монитор, ноутбук, смартфон) минус 20 пикселей"

top:calc(50% - 80px)

Эта запись говорит: "Пусть элемент, к которому будет применено это свойство, будет позиционироваться в центре экрана (50% это половина экрана) минус 80 пикселей вверх"

Скачет страница и то появляется то удаляется вертикальный скролл, когда что-то пишу в textarea?

Ничего не прыгает, ничего не удаляется...