При повторных кликах в уже сфокусированое поле не должно слетать?

Да, именно так мне и следовало сформулировать задачу

Да, именно так мне и следовало сформулировать задачу

onMouseDown={selectAll} const selectAll = event => { event.preventDefault(); event.target.select(); };

Всем привет! Нубский вопрос по React, а может даже Js. Может кто-нибудь объяснить данный синтаксис? Отметил красными стрелками. Интересует, как функция класса принимает аргумент, если в промисе мы вызываем эти функции без аргументов

onMouseDown={selectAll} const selectAll = event => { event.preventDefault(); event.target.select(); };

Ура! Спасибо огромное, заработало как надо.

Всем привет! Нубский вопрос по React, а может даже Js. Может кто-нибудь объяснить данный синтаксис? Отметил красными стрелками. Интересует, как функция класса принимает аргумент, если в промисе мы вызываем эти функции без аргументов

Промис вызывает колбжэки then и catch, передавая туда аргументом результат резолва или ошибку соответственно

Можно было бы написать .then(data => this.onPlanetSelected(data)), это то же самое, только более явно и более длинно

Можно было бы написать .then(data => this.onPlanetSelected(data)), это то же самое, только более явно и более длинно

Ну у меня было подозрение, что сокращенная запись, но нагуглить не смог. Спасибо за прояснение)

Всем привет! Нубский вопрос по React, а может даже Js. Может кто-нибудь объяснить данный синтаксис? Отметил красными стрелками. Интересует, как функция класса принимает аргумент, если в промисе мы вызываем эти функции без аргументов

Это то же самое если ты передашь в onClick функцию в которую он сам при вызове запихнет event

Это то же самое если ты передашь в onClick функцию в которую он сам при вызове запихнет event

Тоже хорошая аналогия, спасибо

Ну у меня было подозрение, что сокращенная запись, но нагуглить не смог. Спасибо за прояснение)

Это не сокращённая запись! Передать в then нужно колбэк. Он будет вызван со значением промиса. Передать колбэк - значит, передать функцию. Вариант один - просто передать функцию, которая уже где-то объявлена .then(someFunction) Вариант два - передать анонимную функцию (это всё ещё функция и ты всё ещё её передаёшь и она всё ещё будет вызвана с аргументом, просто ты её объявляешь без имени и на месте) .then(argument => {doSomething})

Можно было бы написать .then(data => this.onPlanetSelected(data)), это то же самое, только более явно и более длинно

Имею ввиду, что вот такую запись я понимаю)

Имею ввиду, что вот такую запись я понимаю)

js вместо этой записи подставить просто ту функцию, которую ты указал. если по-тупому обьяснять

Минус передачи кстати просто функции именованой в том, что если это не-стрелочная функция, типа, function(){} или метод класса сделаный не через class-properties, то есть, не через method = () => {}, а просто method(){}, то контекст this внутри такой функции потеряется

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

Минус передачи кстати просто функции именованой в том, что если это не-стрелочная функция, типа, function(){} или метод класса сделаный не через class-properties, то есть, не через method = () => {}, а просто method(){}, то контекст this внутри такой функции потеряется

редко возникают кейсы, когда это необходимо :)

редко возникают кейсы, когда это необходимо :)

Что именно?

когда тебе необходим this функции, а не родителя

Ну там типа если у тебя например const service = {data:{}, method(){this.data.something()}} const Compoent = () => <span onClick={()=>future().then(service.method)}/> То method будет вызван не в контексте service

оО вот это ты мудришь) ниразу( за 2.5 года) работы не встречал такого кейса)) это же колбек. колбек не должен быть завязан на чем-то

оО вот это ты мудришь) ниразу( за 2.5 года) работы не встречал такого кейса)) это же колбек. колбек не должен быть завязан на чем-то

Что это вдруг не должен? Если ты 2.5 года пишешь, то должен помнить constructor(){ this.method = this.method.bind(); } Это про то же самое

Второй вариант - писать норм типа .then(data => service.method()), но, собсно, о чём и была речь изначально. Просто напомнил про потерю this при передаче метода для вызова куда-то ещё

это понятно все, а в чем прок хранить колбеки в сервисе( в твоем случае), если колбеки не должны там находится

Второй вариант - писать норм типа .then(data => service.method()), но, собсно, о чём и была речь изначально. Просто напомнил про потерю this при передаче метода для вызова куда-то ещё

это отличный и правильный вариант, но не хранить же колбек внутри сервиса и его же вызывать через this это же ужас :)

как сравнить два объекта, может lodash использовать?

Народ, а где-то был репозиторий с календарем митапов по фронту. Есть у кого-нибудь сохраненная ссылка?

как сравнить два объекта, может lodash использовать?

deepEqual

из лодаш?

это понятно все, а в чем прок хранить колбеки в сервисе( в твоем случае), если колбеки не должны там находится

Я не храню колбэки в сервисах. Сервис - это какой-то абстрактный сервис. Пускай, например, синглон пабсаба с методами sub/unsub/clear и хочу вызвать clear по окончанию запроса. Можно сделать .then(pubsub.clear), а можно .then(()=>pubsub.clear()), и первое не заработает, я только лишь об этом.

как сравнить два объекта, может lodash использовать?

JSON.stringify обьектов, потом сравниваешь 2 строки через ==

из лодаш?

как хочешь) есть отдельная библиотека)

Я не храню колбэки в сервисах. Сервис - это какой-то абстрактный сервис. Пускай, например, синглон пабсаба с методами sub/unsub/clear и хочу вызвать clear по окончанию запроса. Можно сделать .then(pubsub.clear), а можно .then(()=>pubsub.clear()), и первое не заработает, я только лишь об этом.

понял твою мысль) просто с первым примером твоим ты ввел в заблуждение, что ты хочешь хранить коллбеки в сервисе и еще работать с этим сервисом через самого себя же))

в лодаш много всяких функций. а я validator использовал может зря :) https://lodash.com/docs/4.17.15#isEqual

и можно отдельно функции подключать import _isEqual from 'lodash/isEqual' а не все

Есть плагин

Ребятаааа. Кто-нибудь хостил ботов для месенджеров на хероку????? Необходимы отзывы, плез

Ребятаааа. Кто-нибудь хостил ботов для месенджеров на хероку????? Необходимы отзывы, плез

Работает.

Работает.

Они же вроде усыпляют процессы, а потом при необходимости будят их. Хочу сделать апи, которое данные формы будет отсылать в телегу, что думаешь, подойдет хероку?

Они же вроде усыпляют процессы, а потом при необходимости будят их. Хочу сделать апи, которое данные формы будет отсылать в телегу, что думаешь, подойдет хероку?

там таймаут 30 минут, тоесть если на приложение не посылалось запросов то оно вырубаеться

Если форму будут отсылать 1 раз в сутки, она будет доходить до телеги?

Всем привет! Нубский вопрос по React, а может даже Js. Может кто-нибудь объяснить данный синтаксис? Отметил красными стрелками. Интересует, как функция класса принимает аргумент, если в промисе мы вызываем эти функции без аргументов

как вариант, async/await использовать тогда отпадает проблема с колбэками и this

Всем привет, у меня такой вопрос.Хочу создать приложение который будет работать на ios i android, иметь базу данных, делать записи в ней, регистрация, авторизация,Подходит для этого react native?

Всем привет, у меня такой вопрос.Хочу создать приложение который будет работать на ios i android, иметь базу данных, делать записи в ней, регистрация, авторизация,Подходит для этого react native?

Да, но придется делать бэкенд

у меня в store есть переменная со значением , как мне вывести это значение в поле на своей главной странице?я про 36 строку

Да, но придется делать бэкенд

Можна node js?

Можна node js?

можна

у меня в store есть переменная со значением , как мне вывести это значение в поле на своей главной странице?я про 36 строку

прокинуть сначала из стора в компонент, а потом <C>{var}</C>

прокинуть сначала из стора в компонент, а потом <C>{var}</C>

Спасибо)

Ребята,а возможно изменить стиль компонента который я подключил из скаченного пакета через npm?

Ребята,а возможно изменить стиль компонента который я подключил из скаченного пакета через npm?

это же css

это же css

так я понимаю, я не знаю как достучатся до компонента,к примеру скачал пакет react-tagsinput, и в нем есть компонент TagsInput. А в этом компоненте еще куча компонентов других,как мне к примеру изменить цвет тех комопнентов?

так я понимаю, я не знаю как достучатся до компонента,к примеру скачал пакет react-tagsinput, и в нем есть компонент TagsInput. А в этом компоненте еще куча компонентов других,как мне к примеру изменить цвет тех комопнентов?

открываешь devtools и смотришь какие классы навешивает

открываешь devtools и смотришь какие классы навешивает

понял,спасибо,ща буду разбиратся

всем привет

может кто подсказать по коа сервер + тайпскрипт ? Разбирается кто то в этой связке ?

может кто подсказать по коа сервер + тайпскрипт ? Разбирается кто то в этой связке ?

@nodejs_ru

Ребята, всем привет. Кто то сталкивался с проблемой оптимизации react приложение в IE11 ? Ужасно лагает, пытаюсь найти проблемы в этом и разобраться. Может кто то поделится опытом

может кто подсказать по коа сервер + тайпскрипт ? Разбирается кто то в этой связке ?

t.me/ts_ru

в 37 строку вывести utmContent не получается, в console.log выводится. Ошибку выводит UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch().

в 37 строку вывести utmContent не получается, в console.log выводится. Ошибку выводит UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch().

> баги styled-components ору

в 37 строку вывести utmContent не получается, в console.log выводится. Ошибку выводит UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch().

UnhandledPromiseRejectionWarning это не ошибка это предупреждение что где-то ты не отловил ошибку в промисах там всё написано, воспользуйся переводчиком

UnhandledPromiseRejectionWarning это не ошибка это предупреждение что где-то ты не отловил ошибку в промисах там всё написано, воспользуйся переводчиком

А почему в консоль лог выводит всё нормально

А почему в консоль лог выводит всё нормально

потому что ошибка не в этом куске кода

потому что ошибка не в этом куске кода

Окей спасибо

как вернуть дефолтныцй outline?

Привет. У кого нить есть сборка react+ssr?

на гитхабе нет разве?

Всем привет. Подскажите какой событие отловит input date на ios13. То есть я нажимаю на яблоке на инпут с типом date и вылазит datepicker

onChange

Кто-то со сторибуком? у меня knobs меняется только раз если использую селект, дальше нужно рефрешить страницу

onChange

не ловит input type date

У меня есть такие кнопочки. Есть какой-то правильный способ сделать задержку перед отправкой запроса, чтобы если юзер нажал кнопку дважды то предыдущий запрос не успел отправиться? чтоб не дудосить серв

У меня есть такие кнопочки. Есть какой-то правильный способ сделать задержку перед отправкой запроса, чтобы если юзер нажал кнопку дважды то предыдущий запрос не успел отправиться? чтоб не дудосить серв

debounce

блокировать кнопку пока данные не придут

спс

блокировать кнопку пока данные не придут

так себе ux из этого получится

Привет. У кого нить есть сборка react+ssr?

https://nextjs.org/

Вот суперсборка ssr+code spliting+ts+cssInJs

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

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

Создать полку в сторе, добавляй итемы туда по клик, при переходе на страницу избранного бери из стора и рендери на странице

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