мб `` не хватало?

мб `` не хватало?

а какой ты результат то хочешь получить?

Всем привет! Может как подскажет ,запарился искать решение. Короче в проекте используется react, css modules, bem. В цикле выводиться меню, к пункту меню есть иконка , точнее класс иконки. Вроде как это решение должно было помочь <i className={classnames(styles.icon, {[styles[icon-${item.icon}]]: item.icon}) }> </i> , но выводит <i class="Item_icon__1AZQ8 undefined"></i> , почему undefined? может другой способ решения. Спасибо заранее

const cx = classNames.bind(styles); className={cx('icon', icon-${item.icon})}

Uncaught ReferenceError: classNames is not defined

ну у тебя они обозначены как classnames)

Всем салют, случаем не знаете, есть какой-то сайт , где можешь вбить имена пакетов, а он тебе выдает их совместимость ?

я правильно понимаю, в случае с классом ( class SupaHotComponent extends Component { constructor(props) { super(props); this.node = createRef(); } ) реф создаётся одна, а в случае с функцией ( const qweqwe = () => { const node = useRef(); } ) на каждый апдейт создаётся новый реф?

Почти уверен, что нет

вот дока. то есть, нет? реакт запоминает?

Добрый день! Подскажите, пожалуйста: пытаюсь передать функциональный компонент как проп для другого компонент а, и уже в этом другом компоненте, вызывая этот фк, получаю ошибку Function components cannot be given refs. Attempts to access this ref will fail Что я делаю не так и как это нужно делать?

Функциональные компоненты не могут иметь реф

Функциональные компоненты не могут иметь реф

React.useRef()?

function Foo () {} <Foo ref=ref />

React.useRef()?

класс юзать

ты мне?

чуваки и барышни, я вчера набрёл на великолепный лонгрид от Дани Абрамова, там про хуки, про рефы эти ваши, про всю нутрянку и штуки внутри реакта читал и наслаждался всем советую https://overreacted.io/react-as-a-ui-runtime/

чуваки и барышни, я вчера набрёл на великолепный лонгрид от Дани Абрамова, там про хуки, про рефы эти ваши, про всю нутрянку и штуки внутри реакта читал и наслаждался всем советую https://overreacted.io/react-as-a-ui-runtime/

https://sun9-21.userapi.com/c854424/v854424721/115f8b/sd2wV-HCGUE.jpg Подскажите, есть ли готовый плагин для такого? Если нету , как это лучше было бы реализовать для даальнейшего переиспользования Тобишь мне нужно подписывать компоненты на систему туториала после того как тутор пройден сайтом можно пользоваться.. Однновременно могут подсвечииваться 2 элеменнта. Модалка всегда одна

видимо долго брел )

класс юзать

извиняюсь, повторю еще раз вопрос. Очень благодарен буду за ответ

https://codesandbox.io/embed/material-demo-ivhm1 Хелпаните переписать стиль Mui

сделал вот так, но результат тот же(

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

спасибо

какую конкретно разметку во что завернуть?))

Привет. Подскажите как линтер в cra настаивать? Надо создавать .eslintrc?

const ref = useRef(); return( <Bar ref={ref} /> ) в const ref = useRef(); return( <div ref={ref}> <Bar ... /> </div> )

const ref = useRef(); return( <Bar ref={ref} /> ) в const ref = useRef(); return( <div ref={ref}> <Bar ... /> </div> )

Привет всем. Ребят, у меня на проекте настроены редакс с сагой и get запросы логично делать через них. Но есть, например, запрос на создание/патч/удаление элемента, где в последних двух приходит просто статус ок/не ок. Есть ли смысл для этих запросов использовать саги? Нормальным будет подходом, если я их просто через axios внутри компонента буду дергать, а после пушить history, показывать сообщения о статусе и все остальное?

https://create-react-app.dev/docs/setting-up-your-editor#experimental-extending-the-eslint-config

использовать саги смысл есть предложенный вариант нормальным подходом не будет

Чтобы весь асинхрон вынести в отдельный слой?

ну норм так делать или нет?

если у тебя есть сага, которая хватает все действия, инициирующие ajax, то в этой саге и только в ней одной можно реализовать логику всяких крутилок и тостов с сукцессом или эррором

йеп и код, обрабатывающий всё вокруг асинхронщины, будет консистентным

😌 и не понял намеку

то есть ты логику транспортного слоя изолируешь внутри одной саги и только в ней. удобно же, а?

Бесспорно, просто тут кейс появился, что после удаления элемента, надо чувака редиректить куда-нибудь, поэтому задумался

а что мешает внутри той саги, которая обрабатывает response, делать history-push?

а что мешает внутри той саги, которая обрабатывает response, делать history-push?

красиво же ложится у тебя вообще никакой логики (кроме локального стейта и всякой ерунды) нет в jsx, асинхронная бизнес-логика в сагах, синхронная — в редукторах (sic!)

я не особо разбираюсь в рефах, потому мне не очень ясно, что делать если вы на примере моего кода покажете, что делать, буду очень признателен!

почитай лонгрид на overreacted — я скидывал чуть выше. начнёшь разбираться в рефах и будешь жить припеваючи

Можно сохранить текстовый файл у пользователя на компе через реакт? (ну и создать собственно этот файл из существующего текста)