Andrew
const myFunc = ({type, value, onChange}) => {
return {type, value, onChange}
}
A
const someParams = {a, b, c}
const {c, ...rest} = someParams;
const exludedC = rest
someFunc(exludedC)
Кажется единственный правильный ответ. Другие методы которые предложили не работают
Pavlo
Привет всем, подскажет кто норм библиотеку или алгоритм реализации скрола колесиком мышки в дива с оверфлоу, без сайд бара?
アレクサンダー・バキマトフ
Pavlo
без сайдбара?
без скролбара справа или внизу, чтобы при ховере можна было бы колесиком прокрутить список(див) вниз
アレクサンダー・バキマトフ
Pavlo
+
Andrei
onmousewheel + css transform
アレクサンダー・バキマトフ
к чему такие сложности))
Andrei
обычный слайдер, хз
Andrei
где сложности)
Pavlo
дизайнер так видит 🌝
Andrei
на контейнер overflow:hidden + event listener 'onmousewheel',, который двигает дитя на измененный X/Y от listener'а
Pavlo
Ilya
Привет всем, подскажет кто норм библиотеку или алгоритм реализации скрола колесиком мышки в дива с оверфлоу, без сайд бара?
стек какой ?
ежели реакт - смотри https://www.react-spring.io/
ничего лучше с анимациями в реакте просто нет
Andrei
ток осторожно с перескроллами)
Andrei
надо учитывать
Mikhail
Можно же стилизовать и скрывать в том числе во всех браузерах, в чем проблема? И on-touch-scroll есть для плавного скролла свайпами
Andrei
Andrei
в гугл отправишь?)
artalar
стек какой ?
ежели реакт - смотри https://www.react-spring.io/
ничего лучше с анимациями в реакте просто нет
Спринг (пружина) тут вообще непричем же?
artalar
Дергание в стиле спринга для скрола - укачивание пользователя)
Mikhail
Ну я сам туда же пошёл
Mikhail
https://codepen.io/akinjide/pen/BpggrZ
Ilya
https://www.react-spring.io/docs/hooks/examples
Ilya
посмотрите примеры, там даже паралакс недавно завезли
Andrei
та вы о чем
Mikhail
Зачеем тут спринг, или я вопроса не понял?
Andrei
человек вопрос другой задал
Oleg
кто-то пользовался jexl библиотекой? если я в нескольких компонентах пишу
jexl.addTransform('jPath',...
то она создаётся глобально? просто я в функцию пытаюсь debugger поставить, до него даже не даходит. думаю, может, срабатывает другая функция с jPath
artalar
спринг это просто название либы
Несовсем. “спринг” - это конкретный тип пружинной анимации с реалистичным импульсом. Крутая штука, но может быть как из пушки по … карасям…
Pavlo
на контейнер overflow:hidden + event listener 'onmousewheel',, который двигает дитя на измененный X/Y от listener'а
c useRef это всё оказалось сложнее, так как я уже написал функц компонент
Andrei
ну лан
Andrei
есть еще вариант визуально скрыть скроллбар
Andrei
https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll
Pavlo
Китикет
Только извращенцы скрывают скроллбар)
Китикет
Я понимаю еще тема темная
Denys
ну IOS, MacOS делают шикарный незаметный скроллбар)
Roman
Eugene
Ребят, подскажите пожалуйста. Как удалить компонент по нажатию кнопки?
Yury
через родителя
Eugene
Как?
Vladimir
пожно показывать компонент только прикаком то условии, а по нажатию кнопки будет тригериться условие и компонент не будет отображаться
Alexey
Ребят, подскажите пожалуйста. Как удалить компонент по нажатию кнопки?
// onClick
const elem = document.querySelector('#component');
elem.parentNode.removeChild(elem);
Изи
Vladimir
retrun someCondition && <SomeComponent/>
Yury
// onClick
const elem = document.querySelector('#component');
elem.parentNode.removeChild(elem);
Изи
ну это же Реакт, зачем такое советовать
Vladimir
// onClick
const elem = document.querySelector('#component');
elem.parentNode.removeChild(elem);
Изи
Реакт не любит когда с дом напрямую начинают работать
Eugene
Alexander
Всем привет.
Возникла сложность с библиотекой keras-js.
Цель: использовать keras-js (https://github.com/transcranial/keras-js), чтобы выполнить анализ настроений для сводки входных данных (NLP).
Среда разработки: React 16.6.3.
Связанные зависимости: keras-js, imdb_bidirectional_lstm.bin (модель обучения, расположенная в общей папке (public)), imdb_dataset_word_index_top20000.json
Проблема: функция model.predict() в keras-js всегда выводит один и тот же результат. Независимо от входных данных, результат всегда составляет 50% после того, как разворачиваем приложение на серваке.
На локальной машине работает без проблем и выдает правильный результат. На локальной машине мы используем Mac OS. Но на серваках стоит Linux.
Сообщений об ошибках в консоли нет, но результаты прогноза полностью отличаются от результатов на локальной машине, даже если мы использовали абсолютно одинаковые данные.
Результаты прогноза в развернутой на сервере версии всегда составляют 50%.
Может, кто-то сталкивался с побобной ситуацией и есть какие-то идеи, как это можно "победить"?
Заранее спасибо.
Vladimir
пожно показывать компонент только прикаком то условии, а по нажатию кнопки будет тригериться условие и компонент не будет отображаться
state = {
someCondition: true,
}
onClickHandler = e => {
this.setState(({ someCondition }) => ({ someCondition: !someCondition }))
}
render() {
return (
<div>
{this.state.someCondition && (
<SomeComponent/>
)}
<button type="button" onClick={this.onClickHandler}>{"Trigger condition"}</button>
</div>
);
}
Eugene
Пробовал
Vladimir
и?
Alexander
реакт тут причем? он отвечает за ui
Проблема, думаю, не в реакте. Но, возможно, кто-то сталкивался.
Andrey
Проблема, думаю, не в реакте. Но, возможно, кто-то сталкивался.
почему бы эту простыню не запостить в issue либы, а не в нерелеватном чате?
Anton
Привет, подскажите пожалуйста.
Есть функциональный компонент.
Внутри объявлена ф-я, которая редиректит пользователя.
const redirectUser = type => {
window.location.pathname = redirectLoggedInUser[type];
};
Я покрываю это все тестами.
Ф-я срабатывает после того как логинишься.
Тесты не успевают проверить все что надо между ответом сервера и редиректом.
Я хочу застабить ф-ю redirectUser, что бы она никуда никого не отправляла.
И тут вопрос … а как?
она же не внутри компонента — просто ф-я в скоупе модуля компоненты.
я в замешательстве.
подскажите как такое стабить c помощью cypress позязя.
Sergey
Ребят, всем привет! Сталкивался ли кто-нибудь с майнд-мапами в реакте?
Есть идея сделать приложение и добавить туда майнд-карты, но, погуглив библиотеки, так и не нашел библиотеку с адекватной докой.
Aidyno
Почему?
Оказывается в конторах настраивают в флоу так, что ты не сможешь запушить свой проект, пока код не пройдёт проверки eslint, а это как раз тот случай. Сегодня с этим столкнулся
Александр
Привет, подскажите пожалуйста.
Есть функциональный компонент.
Внутри объявлена ф-я, которая редиректит пользователя.
const redirectUser = type => {
window.location.pathname = redirectLoggedInUser[type];
};
Я покрываю это все тестами.
Ф-я срабатывает после того как логинишься.
Тесты не успевают проверить все что надо между ответом сервера и редиректом.
Я хочу застабить ф-ю redirectUser, что бы она никуда никого не отправляла.
И тут вопрос … а как?
она же не внутри компонента — просто ф-я в скоупе модуля компоненты.
я в замешательстве.
подскажите как такое стабить c помощью cypress позязя.
решение в лоб - DI, то есть передавать в компонент функцию редиректа, в тесте просто подмените на mock ее и assert сделаете что она была вызвана
Alexey
Оказывается в конторах настраивают в флоу так, что ты не сможешь запушить свой проект, пока код не пройдёт проверки eslint, а это как раз тот случай. Сегодня с этим столкнулся
почему "оказывается"?
это такой же нормальный код-ревью, только роботом на стандартные недочеты
линтеры для этого и нужны
Anton
решение в лоб - DI, то есть передавать в компонент функцию редиректа, в тесте просто подмените на mock ее и assert сделаете что она была вызвана
вообще то звучит очень даже замечательно, спасибо вам
Anton
Anton
вообще то звучит очень даже замечательно, спасибо вам
ой, стоп, это cypress.
и родительский компонент тоже функциональный.
вопрос остается — как замокать ф-ю в неймспейсе какого то модуля
Sergey
Привет, подскажите пожалуйста.
Есть функциональный компонент.
Внутри объявлена ф-я, которая редиректит пользователя.
const redirectUser = type => {
window.location.pathname = redirectLoggedInUser[type];
};
Я покрываю это все тестами.
Ф-я срабатывает после того как логинишься.
Тесты не успевают проверить все что надо между ответом сервера и редиректом.
Я хочу застабить ф-ю redirectUser, что бы она никуда никого не отправляла.
И тут вопрос … а как?
она же не внутри компонента — просто ф-я в скоупе модуля компоненты.
я в замешательстве.
подскажите как такое стабить c помощью cypress позязя.
Лучше не проектировать так.
А отправлять некое событие наружу из компонента, чтобы логика снаружи решила делать редирект или что-то другое.
Вот вам и тесты говорят о том, что не нужно зашивать логику в компонент
Александр
ой, стоп, это cypress.
и родительский компонент тоже функциональный.
вопрос остается — как замокать ф-ю в неймспейсе какого то модуля
Если это end-to-end тестирование, то мне кажется тут не надо мокать ничего, ведь цель е2е как раз оттестить поведеиние в целом, в данном случае наличие редиректа
Александр
я подумал у вас это в юнит тесте
Ula
Как называются тесты, которые проверяют открываются ли все ссылки/модалки без ошибок?
Yar
Paul
functional