Юрий
ребят, есть массив юзеров, у юзера есть firstName, LastName,
хочу сделать поиск юзера по его имени и фамилии.
Сейчас я беру этот массив и ищу по имени.
state.agents.list.filter(item => item.firstName.toLowerCase().search(state.agents.filterKey.toLowerCase()) !== -1)
как сделать что бы еще и lastName проверялось?
wolfe
Но это для частного кейса. А если просто такой массив нужен. Вроде все норм читается
ну построение кондишинал полей в объекте или элементов в массиве очень тяжело поддерживать, судя по опыту
MVD
ну построение кондишинал полей в объекте или элементов в массиве очень тяжело поддерживать, судя по опыту
Понял. Видимо я просто с таким не сталкивался
MVD
Я рад что есть адекватные люди в чате
🤴👷♂️🦸♂️🧚♀️
wolfe
ребят, есть массив юзеров, у юзера есть firstName, LastName,
хочу сделать поиск юзера по его имени и фамилии.
Сейчас я беру этот массив и ищу по имени.
state.agents.list.filter(item => item.firstName.toLowerCase().search(state.agents.filterKey.toLowerCase()) !== -1)
как сделать что бы еще и lastName проверялось?
filter(({ firstName, lastName }) => firstName.concat(lastName).toLowerCase().includes(...
рыба еще эта
Привет. Подскажите, пожалуйста, как быть.
Есть селект, который создаётся из Реакт-компонента и дизайнится скриптом (прячется и заменяется на дивы). В нём не срабатывает событие onChange, хотя скрытый селект изменяется. В чём может быть проблема:
Юрий
Alexander
рыба еще эта
/* update for React */
$(this).closest(".JScustomeSelect__wrapper").find("select").val(t).change();
(это в js)
Stass
а это точно реакт?
рыба еще эта
я ужасно извиняюсь, если что-то написано не так, я новичок в Реакте.
Alexander
выглядит как то не очень) самописный селект что ли?)
рыба еще эта
в дизайне стандартный селект скрывается js и заменяется на дивы.
Пöß d'Ivoire
думаю дело в onChange
рыба еще эта
выше скрин. там методы компонента на Реакте…
Maxim
Так, зачем у вас jQuery в реакте?
Alexander
так тебе надо что б именно такой дизайн был и ты юзаешь этот код прям в реакте?
рыба еще эта
получается, у меня проект на реакте. но когда он добавляется к общему проекту, в котором такой дизайн - все ломается, и селект не работает
Alexander
чета стремное реально) а взять готовые селект комопнент в материале или еще где никак?)
Maxim
jQuery не должен трогать Реакт-компоненты. Постарайтесь изолировать их как-то. jQuery - отдельно, Реакт - отдельно.
рыба еще эта
наверное, как) то есть, нужно искать замену тому, что сделал дизайнер, только в виде компонента?
Maxim
У вас дизайнер на jQuery пишет?
Alexander
наверное, как) то есть, нужно искать замену тому, что сделал дизайнер, только в виде компонента?
как вариант, покажи ему материал)
Пöß d'Ivoire
дизайн в фотошопе рисуется при чем тут jquery
Ivan
jQuery отдельно в готовом дизайне, не моём.
Jquery это ж js-библиотека, если я ничего не забыл. Как она в дизайне могла оказаться? В мои годы такого не было, ох.
рыба еще эта
верстальщик 😭
Пöß d'Ivoire
тогда проще выпилить jquery код управляющий селектом и написать на реакте логику
Maxim
верстальщик 😭
Если вы делаете фронтенд, то отдельный верстальщик (если он есть) пишет только CSS и ничего больше.
🦜
кто-нибудь пользовался autocomplete из mui? Как ему прокинуть name, чтобы получить в event.target
Пöß d'Ivoire
верстка и дизайн не заденутся
рыба еще эта
спасибо всем огромное за помощь
Maxim
спасибо большое, поняла вас :)
В общем, поговорите с верстальщиком, объясните, что React и jQuery не дружат.
Nikolay
Yury
кто-нибудь пользовался autocomplete из mui? Как ему прокинуть name, чтобы получить в event.target
помню как-то срочно костыль нужен был, чтобы селект левый заюзать под общий обработчик свой и писал что-то типа
<SomeSelect
onChange = {(value) => onChange({target: {name: 'C_NAME', value: value}})}
/>
i
всем привет, посавил пакет i18next в своё приложение с редаксом. А-а-а... как можно сделать обновление всех компонентов с объектом i18next когда меняешь у него язык через его метод?
Юрий
ребят, а можно ли отсортировать массив по наличию поля?
то есть есть массив обьектов, если admin не равно null, их сначало всех показывать, если admin есть, то показывать всех у кого он есть
{
user: {},
admin: null
}
🦜
помню как-то срочно костыль нужен был, чтобы селект левый заюзать под общий обработчик свой и писал что-то типа
<SomeSelect
onChange = {(value) => onChange({target: {name: 'C_NAME', value: value}})}
/>
ну я вот тоже сейчас к этому пришел, но хотелось бы, чтобы одна функция была. Ну ладно)
Yury
Vladimir
всем привет, посавил пакет i18next в своё приложение с редаксом. А-а-а... как можно сделать обновление всех компонентов с объектом i18next когда меняешь у него язык через его метод?
он это делает сам. У него все компоненты подписанные. Покажи как в коде делаешь вызовы i18n
Vaz-gen
как дать фенкцие await ??? onSaveClick = () => (event) => {
event.stopPropagation();
this.isModalEditOpen = true;
console.log(this.office.id);
try {
await api.updateOffice(this.office.id, this.tempOffice);
this.isModalEditOpen = false;
notify.show("Salvat!", "success");
} catch (e) {
notify.show(e.message, "error");
}
};
i
@v_today у меня сам объект обновляется, но компонент с ним нет
Vladimir
@v_today у меня сам объект обновляется, но компонент с ним нет
через <Trans/> в коде вставляешь перевод?
Vaz-gen
@zhukreal Спасибо!
i
нет, объект импортирую import i18next from 'i18next'; и у него метод t вызываю
Vladimir
нет, объект импортирую import i18next from 'i18next'; и у него метод t вызываю
тогда не сработает. Я себе такой хелпер сделал:
https://github.com/today-/actorsmovies/blob/master/src/i18n/index.ts#L38
и вызываю потом так:
https://github.com/today-/actorsmovies/blob/master/src/components/game/GameInfo.tsx#L7
i
@v_today спасибо
Maxim
а есть пример какой-то?
o = [{flag: true, val:1},{flag: false, val:2},{flag: true, val:3}];
o.sort(i => i.flag ? 1 : -1)
// [
// { flag: false, val: 2 },
// { flag: true, val: 1 },
// { flag: true, val: 3 }
// ]
Eddy
Нативщики тут? Может кто пользовался Animated совместно с PanResponder - у первого значение берется относительно вьюхи, в которой он находится, а у второго положения абсолютные, то есть от края до края экрана. Есть вариант их как то синхронизировать? Чтоб у Animated бралось абсолютное значение или наоборот?
Eddy
А, ок сорян
i
Vladimir
TK
Андрей
Kirill
А его отдельно от Angular можно использовать вместе с React ?
Я просто не использовал не в теме, стоит глянуть значит
Конечно)
Angular и RxJS - это две независимые библиотеки)
Roman
Roman
Vladimir
Roman
полагаю, что дело в регистре символов в пути
вместо @import "scss/variables.scss";
Написал @import "scss\\variables.scss";
но тоже самое
Хотя на винде работает
Юрий
кто то сталкивался с кастомной сортировкой react-table?
AluV (დანიილ)
Line 1:913: 'path' is not defined no-undef
Line 1:1170: 'read' is not defined no-undef
..
Как можно зааттачить старые es5 модули файлы, они работают только если их как сткрипт в странице прописать. Может есть хитрости какие ?
Виктор
Garden
Подскажите, пожалуйста, как добавить полю FORM_FIELDS.SMTP_USERNAME required, если FORM_FIELDS.SMTP_AUTH === true
[FORM_FIELDS.SMTP_USERNAME]: Yup.string().when(
FORM_FIELDS.SMTP_AUTH,
isSmtpAuthOn => console.log(isSmtpAuthOn) // true/false,
),
Виктор
а почемуб их как скрипт не добавить?
имею в виду если проблема только в линтере то там есть возможность(globals вроде) перечислить глобальные переменные на которые не будет ругаться