Aleksey
Но когда компонент перестанет существовать - нужен ли этот интервал тогда?
думаю нет) но это карта на сайте) сердце приложения) нафига её отключать)
Aleksey
тоесть ты хочешь чтобы я еще добавил метод на размаунт?
Vadim
тоесть ты хочешь чтобы я еще добавил метод на размаунт?
Да. Оставлять интервалы без очищения - это косяк. И ошибка в консоле которую ты выше скидывал связана с этим.
Vadim
как это поправить?
Ты спрашиваешь как очистить интервал?
Aleksey
Ты спрашиваешь как очистить интервал?
куда его впихнуть) чтобы после ухода со страницы таймер переставал работать
Vadim
куда его впихнуть) чтобы после ухода со страницы таймер переставал работать
Ну это уже вопрос по js, не по реакту. Погугли про setInterval, там рядом будет как его очищать
Aleksey
Ну это уже вопрос по js, не по реакту. Погугли про setInterval, там рядом будет как его очищать
да я знаю как его очищать) вопрос куда вставить очистку в какой метод
Eduard
Всем добра! Я правильно понял что не смогу передать через 《Link 》 никаких параметров(роутер дом)? Нужно юзать редукс.
Aleksey
Я выше писал про это
разве переменная обьявленная в одном методе Didmount будет видна в методе unmount?
Danil
что используете для воспроизведения .ogg ? чтоб не жестко для бандла было )
Саша
никогда так не делайте = ( почитайте доку реакта, это убережет вас от 80% ошибок
Павел
Есть вопрос по редаксу... Есть акшен export const go = (event) => { const nextid = event.currentTarget.dataset.to; return { type: 'GO', payload: nextid } }; И соответственно ему редьюсер... const defaultState = { activePanel: 'home' } const navReducers = (state = defaultState, action) => { switch (action.type) { case "GO": return { activePanel: action.payload, }; default: return state; } }; export default navReducers;
Павел
не работает с чего-то... может я чего-то не понимаю. Функция срабатывает при нажатии кнопки и пуляет в activePanel ID следующей страницы
Vadim
Может строчку доки укажите?
https://ru.reactjs.org/docs/forms.html
Kostya
всем привет, умя вопрос! нормально хранить в состоянии фукции?
Kostya
мне казалось что суть реакте хранить независимые данные пользовать только функцииями это функциональный стиль вроде. Мы имеем один глобальный обект и создаем только функции. А ооП в состоянии это тоже практикуется?
Denis
ты про что?
про то что ты написал. такое ощущение, что ты берешь рандомные слова и пытаешься собрать из них вопрос. каша вобщем.
Denis
всем привет, умя вопрос! нормально хранить в состоянии фукции?
что значит "хранить в состоянии функции"? что хранить в состоянии функции? какой функции? о чем ты?
Konstantin
Вы ещё компоненты в пропсах прокидывайте на 5 уровней вниз 🤷🏼‍♂️ чтобы было максимально недекларативно и + саги
Konstantin
Санки норм, не надо мне тут
Denis
готовь санки зимой а саги летом!1
Kostya
Понятно что я могу хоть все классами писать и не использовать композицию а простое наследование юзать! Но это не хорошо вроде!
Konstantin
Ты не пробовал юзать стм и атомик?
Kostya
Вы ещё компоненты в пропсах прокидывайте на 5 уровней вниз 🤷🏼‍♂️ чтобы было максимально недекларативно и + саги
А вот про это говорю я просто читаю статью Про контекст https://ru.reactjs.org/docs/context.html вот и тут описано что вот так вот! используется состояние с функцией чтобы пробросить к далеким потомкам!
Sergey
готовь санки зимой а саги летом!1
Летом и зимой реатом дружит с головой 😁🖖
Андрей
Вопрос в основном тем кто юзал react-id-swiper Использую react-swiper-id В компоненте пишу const [slideIndexCurrent, setSlideIndexCurrent] = useState(0); const [gallerySlider, updateGallerySlider] = useState(null); useEffect(() => { gallerySlider.on('slideChangeTransitionStart', function () { setSlideIndexCurrent(gallerySlider.realIndex); 1.console.log(slideIndexCurrent, 'slideIndexCurrent'); 2.console.log(gallerySlider.realIndex, 'gallerySlider.realIndex'); }); }); Почему в 1 консоли я всегда вижу slideIndexCurrent = 0, ведь в событии on('slideChangeTransitionStart') я меняю его?
Андрей
И что интересно. В доке показывают два способо подписки на события, через swiper.on('init', function() и в объекте опций on: { init: function () { /* do something */ }, }, но это уже второй вопрос, но второй вариант у меня почему то не работает, могу подписаться на события только первым способом swiper.on('init', function()
Андрей
Ок
Nikita
реята в чем преймущество спрайтовых анимаций перед видео?
Владимир
ребят кто пользует Material-UI? то что выделил в красный, я не могу поместить внутри класса. поҝтому вынес в отдельный компонент функцию. но так не рендерит. никаких ошибок
потому что ты из useStyles получаеш объекты стилей. Ну так и применяй соответственно тот стиль что нужно. Например className={classes.myStylePagination} ну или className={classes.root} если тебе дефолтніе стили закріть нужно
$$$$$$$
есть такой map , который возвращает ошибку . Есть проблема , у меня форма , при ошибке приходят данные об ошибке, но проблема в том , что некторые поля имеют одинаковые name . Как можно реализовать , чтобы после 1 сходства нейма , не возвращался return
$$$$$$$
из-за сходство неймов , вот так рендерится
$$$$$$$
Chin
Может есть смысл вывести ошибку отдельно, не в пропсах? Или сообщение об ошибке как то связано с данными?
$$$$$$$
Связано с данными )
Артем
Доброго всем дня. Вопрос от новичка: есть ли какой-то модуль под реакт, который поможет попроще собрать многошаговые формы и потом увидеть "итого получилось" перед непосредственной записью?
Anonymous
React final form. В доке есть пример Wizard form
Это от того же разраба что редакс форм?
Артем
Anonymous
Да
https://github.com/final-form/react-final-form это же?
Anonymous
Да
Слышал про них но не юзал
Aleksey
Добрый день подскажите плиз хороший аналого DataTable для React
Ilya
https://github.com/final-form/react-final-form это же?
коллеги, очень прошу - не связывайтесь с Final Form лучше сразу брать Formik https://github.com/jaredpalmer/formik
Aleksey
ReactTable не предлагать)
Ilya
API чуть ли не 1 в 1 - но всяких косяков и «магии» получите в 100500 раз меньше ну и более обширный набор всяких приблуд, т.к. поклонников и сообщество больше
Eugene
🤔а как сделать ref.current.focus() на конец строки в textarea
Ilya
коллеги, очень прошу - не связывайтесь с Final Form лучше сразу брать Formik https://github.com/jaredpalmer/formik
Я не очень люблю какие-то решения прям хейтить однозначно, но Final Form это блин исключение… мне достался проект где ее уже заюзали - ну и в бэклоге техдолга плотно укоренилась задача выпилить ее нафиг. Самое главное что «первое впечатление» очень даже ничего - но вост стоить чуть усложнить сценарий использования - и начинается кромешный ад, и с производительностью и просто с неадекватным поведением… и я честно очень много сделал «подходов к снаряду», из соображений что я мол его «не умею правильно готовить», но нет потом я начал уже отлаживаться и сорцы смотреть - это просто ужас.
Ivan
вроде производительность там как раз можно оптимизировать, в оличие от формика (где идёт ререндер на каждое изменение значения)
И даже нужно оптимизировать, если полей больше одного. Не просто так он на каждом докладе, где презентовал, учил зависимости прописывать.
Ilya
вроде производительность там как раз можно оптимизировать, в оличие от формика (где идёт ререндер на каждое изменение значения)
ну как раз таки в формике с этим можно бороться и этьо предусматривается «из коробки», в т.ч. с появлением hook API, да и вообще там примитывы на хуки переписаны на данный момент. см https://jaredpalmer.com/formik/docs/api/fastfield
First
на реакте какие то проблемы с созданием форм? сам со вью работаю
Alexey
на реакте какие то проблемы с созданием форм? сам со вью работаю
Нет. Люядм просто нужны библиотеки. Люди без библиотек не могут.
Oruj
чем ему не угадилo это "потенциально не правильное исользование this"?)
Ilya
говорит чувак, который топит, топил за редакс форм
Изволите объясниться? Где это я "топил" за redux-form
🦜
Изволите объясниться? Где это я "топил" за redux-form
я помню, что с тобой срался на счет форм и их стейта в redux