Tutu
Всем привет. Вопросик по props.children есть возможность задавать им какие либо имена?
Tutu
Что бы в одном шаблоне выводить их несколько
Никита Суханов
хелп с дебоунсом
Никита Суханов
const debouceInput = (fn, wait) => { let timer; return (...args) => { clearTimeout(timer); timer = setTimeout(() => { fn(); }, wait) } } const debounced = debouceInput(function getSearchBar() { fb.getData() .then(({ elements }) => { updSearchBar( elements.filter(({ name }) => name.toLowerCase().includes(inputValue) && !!inputValue) ) }) .catch(_ => updSearchBar([])) }, 1000)
Никита Суханов
что не так
Daniil
() => fn()
Daniil
белисимо
Никита Суханов
Kirill
?
у тебя сет таймаут ничего не возвращает
Никита Суханов
должен просто запускать мою функцию
Никита Суханов
куда я ее верну из таймаута?)
Kirill
куда я ее верну из таймаута?)
так а в чем проблема у тебя?
Никита Суханов
так а в чем проблема у тебя?
в том что не работает
Никита Суханов
const getInputValue = e => { debounced(); };
Никита Суханов
вызываю всегда при вводе
Kirill
ну это ошибка не в debounceInput
Kirill
попробуй передать туда другую функцию, () => console.log(‘1’)
Kirill
оно будет работать
Никита Суханов
Никита Суханов
накапливает все вызовы и выбрасывает
Никита Суханов
() => fn()
что белиссимо?
Yuriy
накапливает все вызовы и выбрасывает
у тебя каждый раз новая функция
Никита Суханов
npmjs.com/just-debounce-it
-, сам хочу
Kirill
что?
const debounce = (func, wait, immediate, timeout = undefined) => (...arguments) => { const context = this const args = [...arguments] const later = function() { timeout = null if (!immediate) func.apply(context, args) } const callNow = immediate && !timeout clearTimeout(timeout) timeout = setTimeout(later, wait) if (callNow) func.apply(context, args) }; вот с либы ф-ция
Никита Суханов
блин
Bekzhan
Добрый вечер, можно ли сделать авторизацию без редакс?
Bekzhan
react + node
Никита Суханов
в общем , я так понимаю беда в функции, которая выполняется при вводе, я передаю ее вниз. Может в ней проблема?
Bekzhan
окей
Bekzhan
спасибо
Kirill
почему то при mouseMove работает
так у тебя дебаунс функция вроде рабочая, глянь в функцию которую передаешь
Никита Суханов
console.log ?))
GruFF
Если в mobx есть наблюдаеммый массив, в который в ходе выполненения промиса сетяться данные, вывести его во вьюхе можно только импортировав в каждую вьюху toJS ?)
Kurzdor
Kurzdor
Бля, все же реакт стайлед компоненты круче
Kurzdor
Вот посмотрел на это и понял
Kurzdor
Кто не понял, сверху код на вуях
Никита Суханов
const [inputValue, SetInputValue] = useState(''); function deb(fn, wait) { let timer; return function () { clearTimeout(timer); timer = setTimeout(() => { fn(); }, wait); } } function logger() { console.log('You have accomplished mousemoving. Congratulations!'); } const debounced = deb(logger, 1000); const getInputValue = e => { SetInputValue(e.target.value.toLowerCase()); debounced() };
Никита Суханов
функция getInputValue выполняется при событии onChange у инпута. debounce работает не так, как надо. Прошу помощи, уже час маюсь
Никита Суханов
о, нашел. // SetInputValue(e.target.value.toLowerCase());
Andrey
она у тебя внутри рендера определяется что ли? тогда она будет сбрасываться каждый раз
Никита Суханов
вот эта штука мешает
Никита Суханов
SetInputValue(e.target.value.toLowerCase()); — вот она мешает дебаунсу. Обновляет значение ипнута, в чем прикол?
DErek
привет ребята. не большой вопрос. могу ли я поменять сборку для create react app, что бы у меня приложение билдилось на отдельные чанки в зависимости от папок. но при это не делать reject ?
DErek
import()
можно, чуть больше подробностей ?
DErek
import()
у меня есть структура папок. /login /home /about хотелось сделать что бы были разные бандлы для каждой папки.
Никита Суханов
🅅aleriy
Че то ты там много лишнего понаписал
Никита Суханов
Че то ты там много лишнего понаписал
вопрос вообще ен в этом. Стейт не дает нормально debounce сделать
Kurzdor
Тоже интересует вопрос
Andrey
Тоже интересует вопрос
Эээ, ну типа лэйзи лоад
🅅aleriy
вопрос вообще ен в этом. Стейт не дает нормально debounce сделать
Ты дебаунсную функцию создавай вне компонента
Anton
Ребята всем привет 👋 Подскажите пожалуйста, можно ли в redux-saga отменить предыдущий запрос на сервер если делаю такой же новый запрос на сервер? TakeLatest использовать не могу.
Kurzdor
Эээ, ну типа лэйзи лоад
У меня подобная ситуация, но использую react-router-config
Kurzdor
Вот и интересует
🅅aleriy
почему?
Чтобы заработало
Никита Суханов
Чтобы заработало
ты видишь что я пишу?
Kurzdor
У некста это из под каропки
🅅aleriy
ты видишь что я пишу?
Конечно... Говно код какой то пишешь :)
Никита Суханов
ты видишь что я пишу?
SetInputValue(e.target.value.toLowerCase()); —убрав эту строку, все работает.
Никита Суханов
Kurzdor
у меня продакшен сборка делается роллапом, в дев-моде - cra, но зачем чанки по папкам?
Для отдельного пути генерить свой чанкобандл А примеру есть /foo -> <Foo />
🅅aleriy
Ты сначала сделай как тебе говорят, а потом анализируй почему все заоаботало
DErek
у меня продакшен сборка делается роллапом, в дев-моде - cra, но зачем чанки по папкам?
Хотелось бы что бы сборка была одна но при этом проектов в ней много было