Как при "живом поиске" при нажатии стрелок менять фокус в выпадающем меню с поисковыми ответами*

Отлавливай событие нажатие стрелки смотри значение и меняй на плюс одно или минус одно

Простите, я правда устал, но доделать нужно Есть число выбранных пунктов, есть максимальное число 100, задача - вне зависимости от количества выбранных элементов округлять их до 5, но чтобы сумма всех элементов была 100 Например выбранно 3 элемента, сумма болжна быть 100, значит массив значений для элементов должен быть  [35, 35, 30] Как быстрее всего сделать?

[...Array(count - 1).fill(Math.floor(100 / count)), 100 % count] типа того, но еще нужно пограничные случаи проверить

Отлавливай событие нажатие стрелки смотри значение и меняй на плюс одно или минус одно

Ну это то понятно, но у меня список с предлагаемыми вариантами оч большой, и там скролбар, и не получается этот скролбар двигать если сильно вниз"выделить"

[...Array(count - 1).fill(Math.floor(100 / count)), 100 % count] типа того, но еще нужно пограничные случаи проверить

Та ну нет, при каунте 3 точно не 35, 35, 30

перед итерацией было 39, 31, 41 стало 35, 30, 40 сумма больше ста или меньше? если больше то у меньшего убери 5, если меньше, то к минимальному прибавь 5

Числа не будут разные, 100% максимум, 100% делятся на равные части (скажем 3), теперь нужно округлить значения до 5, но чтобы их сумма была 100, то есть 35, 35, 30

elements[i].focus() - скролл сам подвинется

Числа не будут разные, 100% максимум, 100% делятся на равные части (скажем 3), теперь нужно округлить значения до 5, но чтобы их сумма была 100, то есть 35, 35, 30

пример инпута можно?

Math.floor(Math.floor(100 / this.props.selected.length) / 5) * 5 Вот как решалось до этого, но нужно поправить, чтобы не равное число было а именно 100% сумма всех чисел

пример инпута можно?

100% разделить на равные, всегда округленные до ближайшей 5 и в сумме 100% ровно

elements[i].focus() - скролл сам подвинется

Спасибо

попробую

Я думал я тут один такой математик))

тут скорее с русским языком что-то, прости, я ничего не понял

Результат непредсказуем когда вместо нормальной либы берешь какую-то сомнительную поделку

по идее преакт это дроп энд реплейсмент реакту, так что апи должно быть то же

тут скорее с русским языком что-то, прости, я ничего не понял

Что тут можно не понять? Есть 100%, есть число 3 (для примера, число может быть любым) Нужно разложить 100% на равные, округленные до ближайшено пяти числа, сумма которых равна 100%

Что тут можно не понять? Есть 100%, есть число 3 (для примера, число может быть любым) Нужно разложить 100% на равные, округленные до ближайшено пяти числа, сумма которых равна 100%

> равна 100% ровно столько раз Равенство одно, нельзя быть равным чему-то один раз или много

Результат непредсказуем когда вместо нормальной либы берешь какую-то сомнительную поделку

У тебя не верные оценочные суждения)

по идее преакт это дроп энд реплейсмент реакту, так что апи должно быть то же

Он застрял на 15.6 вроде

и?

> равна 100% ровно столько раз Равенство одно, нельзя быть равным чему-то один раз или много

Тут моя ошибка

Результат непредсказуем когда вместо нормальной либы берешь какую-то сомнительную поделку

https://preactjs.com/about/we-are-using

Привет, может есть у кого-нибудь код парсера большой вложенности объекта?

Привет, может есть у кого-нибудь код парсера большой вложенности объекта?

Что значит "парсера"? Что парсить нужно? Искать что-то?

lodash

Вывести большую вложенность в виде аккордов

Аккордионов (спойдер \ колапс)?

Пожалуй, самый лучший аккордион в мире

Да, collapse

Рекурсивно комопнент пусть сам себя вызывает. Приведи пример ноды в объекте

кто то юзает активно Classnames библиотеку?

кто то юзает активно Classnames библиотеку?

+

кто-то юзает

а как вы делаете если у вас несколько кнопок, и надо активной стили навешивать

а как вы делаете если у вас несколько кнопок, и надо активной стили навешивать

React router navlink

а как вы делаете если у вас несколько кнопок, и надо активной стили навешивать

className={classnames({ 'ticket': true, 'ticket--active': ticket.name === activeItem })}

Привет всем, кто работает с react js?

Привет всем, кто работает с react js?

В этом чате никто

Привет всем, кто работает с react js?

Мимо. Тут балалаешные курсы.

Привет всем, кто работает с react js?

в голос

Привет всем, кто работает с react js?

?

> опыт работы более 5 лет

Привет, кто-нибудь знает как решить проблему с "95% emitting unnamed compat plugin" при запуске storybook с webpack 4?

Привет подскажите как подключаются шрифты в реакт ?

Все что в гугле типо использовать вместо npm yarn или заимпортить webpack прямо из пакета storybook не сработало

Нужен разработчик react js, кто может помочь?

Напишите в ЛС пожалуйста

Нужен разработчик react js, кто может помочь?

@javascript_jobs

Привет подскажите как подключаются шрифты в реакт ?

Я недавно нашёл для себя typefaces. В нпм поищите

Привет подскажите как подключаются шрифты в реакт ?

Как обычно, ничего специфичного

У всех редакс девтулз начали лагать?

судя по отзывам он всегда лагает

судя по отзывам он всегда лагает

альтернатива?

У всех редакс девтулз начали лагать?

ты хранишь там DOM элементы?

альтернатива?

redux-logger

ты хранишь там DOM элементы?

что бля?

У всех редакс девтулз начали лагать?

Только если сувать туда от полумегабайта данных

redux-logger

проверю, спс

что бля?

что непонятного?

У всех редакс девтулз начали лагать?

Мб тебе бекенд начал присылать тонну данных на дев \ тестовом стенде? Частая проблема

ERROR: S client not available

Только если сувать туда от полумегабайта данных

Там не подвисание было, а сохранение списка старых экшенов после обновления страницы, и какое-то кэширование данных в сторе

Перезапустил расширение и вроде прошло

Мб тебе бекенд начал присылать тонну данных на дев \ тестовом стенде? Частая проблема

не, там всё норм

Подскажите плиз норм выпадающий календарь для выбора одной даты (не диапазона).

react datepicker?

всем ку

поясните ангуляровскму быдлу, как работать со стилями в реакте ?

там можно просто писать в отдельных файлах стили и подключать их к приложению ?

там можно просто писать в отдельных файлах стили и подключать их к приложению ?

Да

Да

хм, а можно где-нибудь про это прочитать ?

просто везде советуют стулед компонентс

просто везде советуют стулед компонентс

и правильно

и правильно

так это ж неудобно

хм, а можно где-нибудь про это прочитать ?

чем собираете бандл?

пишешь CSS в ебаной строке

чем собираете бандл?

webpack

react datepicker?

Сами пользовали. Норм?

так это ж неудобно

наоборот https://youtu.be/eOBz3_mQwo8

пишешь CSS в ебаной строке

И так и так пишешь одно и тоже, только у SC контекст удобнее

хм, а можно где-нибудь про это прочитать ?

import 'styles.css'; <div className="some-class" />

import 'styles.css'; <div className="some-class" />

о, спасибо

наконец-то человечный подход

webpack

https://webpack.js.org/loaders/css-loader/

https://webpack.js.org/loaders/css-loader/

спасибо

Всем привет. Подскажет кто-нибудь, как асинхронные экшны структурировать в санке? Просто в самом файле экшнов создавать вроде как не оч красиво.

Всем привет. Подскажет кто-нибудь, как асинхронные экшны структурировать в санке? Просто в самом файле экшнов создавать вроде как не оч красиво.

Нормально

Ребят, привет. Подскажите, пожалуйста у меня 2 блока — section, внутри section__chat на первом overflow: hidden, внутри второго постепенно добавляется контект, который выходит за границу первого и, соответственно, обрезается. Мне нужно сравнить высоты этих двух блоков и если высота второго больше высоты первого, то делать определенные действия. как сравнить их высоты?

ref.getBoundingClientRect()

или ref.clientHeight