Size: a a a

React — русскоговорящее сообщество

2020 November 21

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Vova
У меня не выполняется console.log('mutate'). Не могу понять почему данная мутация не работает в отличии от остальных. Можно ли как-то увидеть лог ошибки или есть ли у вас предположения в чем может быть проблема? В компоненте естественно стоит useSWR(notifyUrl)
предложение научиться использовать debugger
источник

V

Vova in React — русскоговорящее сообщество
Отлично спасибо
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Dmitry Sidorov
Подскажите пожалуйста, можно сделать какой-то сервис внутри проекта для обработки вообще всех ошибок, которые получили запросы? Подскажите конкретную реализацию или направление, в котором стоит гуглить
Сам не сталкивался с задачкой, https://stackoverflow.com/questions/5328154/catch-all-javascript-errors-and-send-them-to-server - говорят window.onerror помогает + componentDidCatch (https://ru.reactjs.org/docs/error-boundaries.html)

Но надо помнить, что это только необработанные ошибки ловить, если try/catch гдет используешь то в catch обязательно кидать ошибку дальше или ручками логировать.

И потестировать нужно необработанные исключения в промисах.
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Stanislav
это можно через color сделать

у свгшки пишется currentColor (точно не помню в какой проп), а потом ей передается color от родителя
Ну это придется дополнительный стейт, говорю же - это шаманство... в css-modules легко импортировать класс внутреннего компонента (если это не внешняя либа).
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
А со Styled - усложнения на ровном месте..
источник

S

Stanislav in React — русскоговорящее сообщество
Егор Ключанцев
Ну это придется дополнительный стейт, говорю же - это шаманство... в css-modules легко импортировать класс внутреннего компонента (если это не внешняя либа).
никакого стейта тут не надо

color это свойство в css
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Stanislav
это можно через color сделать

у свгшки пишется currentColor (точно не помню в какой проп), а потом ей передается color от родителя
А как я прокину props на hover? Мне же нужно знать hover или нет что бы прокинуть проп
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Егор Ключанцев
Всем привет, подскажите кто как решает такие задачки... Сколько уже видел разных проектов нигде не видел адекватного решения.

&:hover path - это прям бэд решение, потому что мало ли сколько будет svg-иконок будет внутри StyledOverflowPanel.
Либо в стейте хранить isOverflowPanelHover стейт, либо чисто css вешать как у меня &:hover path, что не есть гуд
источник

S

Stanislav in React — русскоговорящее сообщество
Егор Ключанцев
Либо в стейте хранить isOverflowPanelHover стейт, либо чисто css вешать как у меня &:hover path, что не есть гуд
&:hover {
 color: #ffffff;
}
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Аааа, там stroke юзается, и ты решаешь частный случай - я много других кейсов встречаю не связанных с иконками. То есть это все равно не универсальное решение, решает небольшое подмножество кейсов
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Но попробую)
источник

S

Stanislav in React — русскоговорящее сообщество
Егор Ключанцев
Аааа, там stroke юзается, и ты решаешь частный случай - я много других кейсов встречаю не связанных с иконками. То есть это все равно не универсальное решение, решает небольшое подмножество кейсов
конкретно мои кейсы все решает
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Егор Ключанцев
Всем привет, подскажите кто как решает такие задачки... Сколько уже видел разных проектов нигде не видел адекватного решения.

&:hover path - это прям бэд решение, потому что мало ли сколько будет svg-иконок будет внутри StyledOverflowPanel.
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
О! Я пробовал. Но не учел кое-что)
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Спасибо, разобрался.
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Егор Ключанцев
О! Я пробовал. Но не учел кое-что)
ну вот это то самое решение которое тебе нужно если ты хочешь обращаться к конкретным вложенным элементам
источник

DS

Dmitry Sidorov in React — русскоговорящее сообщество
Егор Ключанцев
Сам не сталкивался с задачкой, https://stackoverflow.com/questions/5328154/catch-all-javascript-errors-and-send-them-to-server - говорят window.onerror помогает + componentDidCatch (https://ru.reactjs.org/docs/error-boundaries.html)

Но надо помнить, что это только необработанные ошибки ловить, если try/catch гдет используешь то в catch обязательно кидать ошибку дальше или ручками логировать.

И потестировать нужно необработанные исключения в промисах.
Спасибо большое
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Да, я протупил - Svg прокинул именно изначальный компонент вместо Styled-компонента в селекторе)
источник

NK

N K in React — русскоговорящее сообщество
хело эврибади
так выглядит мой datePicker из материал ui. Нагуглил что проблема в зависимостях и багах в ней. короче нуно подобрать зависимости. попробовал много разных комбинаций разных версий. то что на скрине - лучшее чего добился. Может кто использовал недавно и подскажет какие версии стабильные?
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Последняя?:)
источник