SC
https://www.npmjs.com/package/react-tooltip в демке пример есть с передачей html
спасибо
Size: a a a
2021 March 13
E
Оставлять в слейте
Данные в стейте остаются.
АШ
Evgeniy
Данные в стейте остаются.
Тогда в месте где запрашиваете, надо проверять заполнен ли стейт
UC
Id который в карточке товара, прокидываешь на страницу товара и уже на странице товара делаешь запрос на его подробности с помощью этого id.
Спасибо! Примерно понимаю смысл
UC
Храни в стейте данные, и при нажатии карточки в урл кидай уникальный id и при загрузки страницы с карточкой тяни эти данные со стейта
Большое спасибо за помощь!
~
Evgeniy
Данные в стейте остаются.
Reselect redux
VB
Спасибо! Примерно понимаю смысл
Можешь еще это видео посмотреть для понимания темы https://www.youtube.com/watch?v=NkT2yiv-NZ4
ei
Evgeniy
Привет! Подскажите, чем надо воспользоваться, чтобы не запрашивать данные в redux toolkit дважды при перерендеринге компонента, когда ушел с него на другую страницу и потом вернулся обратно?
if
MK
Radik Hammatov
Тогда я может быть лучше опишу задачу: Есть список статей на сайте, они в целом имеют одни и те же стили и компоненты, но с разным содержимым и разными структурами статьи. Где-то может быть компонент со слайдером картинок, где-то его нет. И суть в том, что если простые статьи можно принимать в виде html и добавлять им стили. То вот как сделать так, чтобы еще и компоненты реактовские в нем отображались?
Можно вообще такое придумать: использовать строки с html тегами, а для слайдеров и других подобных вещей указывать строкой что-нибудь типа {{ slider [1.jpg, 2.jpg] }}, парсить такие штуки с помощью регулярок и подменять компонентами. Но это прям пипец вариант 🤣
E
Тогда в месте где запрашиваете, надо проверять заполнен ли стейт
А это не будет костылем? Например:
const { lang, list } = useSelector((state) => ({
lang: state.lang,
list: state.countries.list,
}));
useEffect(() => {
if (list.length === 0) dispatch(fetchData(lang));
}, [lang]);
const { lang, list } = useSelector((state) => ({
lang: state.lang,
list: state.countries.list,
}));
useEffect(() => {
if (list.length === 0) dispatch(fetchData(lang));
}, [lang]);
UC
Можешь еще это видео посмотреть для понимания темы https://www.youtube.com/watch?v=NkT2yiv-NZ4
Ага, спасибо! Сейчас посмотрю обязательно, думаю теории не хватает явно для практики
Т
Evgeniy
А это не будет костылем? Например:
const { lang, list } = useSelector((state) => ({
lang: state.lang,
list: state.countries.list,
}));
useEffect(() => {
if (list.length === 0) dispatch(fetchData(lang));
}, [lang]);
const { lang, list } = useSelector((state) => ({
lang: state.lang,
list: state.countries.list,
}));
useEffect(() => {
if (list.length === 0) dispatch(fetchData(lang));
}, [lang]);
Лучше из компонента диспатчить thunk и в нем уже рулить нужен ли запрос или нет
E
Лучше из компонента диспатчить thunk и в нем уже рулить нужен ли запрос или нет
С помощью чего в редакс тулкит это можно разрулить?
А
Парни подскажите как уменьшить активную зону элемента , как ее округлить? Через css если не ошибаюсь это невозможно
RU
Оа
border-radius
а вообще @css_ru
а вообще @css_ru
он хочет круглый блок, а не его оформление
е
он хочет круглый блок, а не его оформление
Тогда clip-path
А
border-radius
а вообще @css_ru
а вообще @css_ru
это же не поможет, если при наведении на пустые зоны за полуокруглым интерфейсом при наведении будет срабатывать логика
Оа
Тогда clip-path
пасибо, почитаю
RU
это же не поможет, если при наведении на пустые зоны за полуокруглым интерфейсом при наведении будет срабатывать логика
не будет срабатывать логика