🤴👷‍♂️🦸‍♂️🧚‍♀️
Ты серьезно???
я так написал и подумал, что надо чето умное делать)) (i) => fn(i)
Китикет
я так написал и подумал, что надо чето умное делать)) (i) => fn(i)
Ну создание новой функции на каждый рендер это не чето умное
🦜
я так написал и подумал, что надо чето умное делать)) (i) => fn(i)
Закинь в data атрибут индекс.и считывай из dataset
🤴👷‍♂️🦸‍♂️🧚‍♀️
Evgeniy
Ребята, всем привет! Подскажите библиотеку для онбординга (обучалка интерфейсу, для пользователя). Кто-нибудь сталкивался? Можете посоветовать на что обратить внимание?
Evgeniy
Ребята, всем привет! Подскажите библиотеку для онбординга (обучалка интерфейсу, для пользователя). Кто-нибудь сталкивался? Можете посоветовать на что обратить внимание?
Приложение получилось достаточно сложным, и пользователи не самые технически подкованые. Нужно добавить обучалку
Andrey
React-joyride
Плюсую, два месяца назад пилил туториалы на нашем приложении, просто и удобно, дока нормальная
Nikita
Подскажите как лучше реализовать У меня есть Array и с множеством компонентов в компоненте родителя я хочу делать примерно так <Stages[stage]/> Stages - Array
Nikita
делать в цикле и проверять индекс?
Evgeniy
React-joyride
Да видел его, один из первых в выдаче гугла. Просто хотел узнать основные библиотеки для этой задачи.
Nikita
так законно делать?
Кирилл
Будет выполнятся на каждый рендер
Cenator 🐈
так законно делать?
https://overreacted.io/react-as-a-ui-runtime/#recursion
Amazing
Вставил в useEffect пустой массив чтобы типа componentDidMount симулировать, но тригерится и при ререндеренге? что не так?
Amazing
Amazing
и оно логится не один раз
Maksim
Может быть не один KanbanCard на странице?
Artem
Доброго времени суток. Помогите, пожалуйста, с решением вопроса с канвасами. Суть такова. Имеется канвас - сфера, который можно крутить по осям мышкой. Но, чтобы создать контекст <canvas> элемента, необходимо использовать лайфциклы. В моём случае использую useEffect. Проблема в следующем: Пример: https://pastebin.com/H7PC2NfK Проблема в чем. Контекст канваса генерится в эффекте, то есть функции-обработчики событий с мыши не могут забрать переменную ctx. В стейт хуков контекст не положить. Как сделать так, чтобы канвас генерился и потом с ним можно было спокойно работать в функциях вне useEffect'a? P.S. Вызывать внутри юзэффекта с передачей внутрь переменной? Но тогда не получится использовать события с элемента.
Anonymous
Кто-то уже писал это
Artem
e.target.getContext('2d')
не, она сразу же рисуется, не по эвенту. эвентами только крутить её
Илья
Artem
Ты спросил, как в клике получить контекст
а контекст, полученный подобным образом будет === контексту, созданному чз юзэффект?
Artem
Class component использовать
то есть если я в классовом компоненте на дидмаунт и дидапдейт создам ctx, я смогу его по всему компоненту использовать?
Artem
Если сохранишь его в поле класса, да
то есть он будет доступен всем функциям первого уровня вложенности в компоненте?
Artem
ну в классе всмысле
Artem
Проверь)
спасибо)
Mihail
спасибо)
А если сделать [context, setContext] = useState()?
Илья
то есть он будет доступен всем функциям первого уровня вложенности в компоненте?
Имелось ввиду сохранять в поле класса, this.ctx = ...., уточню на всякий случай)
Илья
А если сделать [context, setContext] = useState()?
@nathanielbumpp0 Парни из интернета предлагают так делать, да https://itnext.io/using-react-hooks-with-canvas-f188d6e416c0
Илья
@nathanielbumpp0 Парни из интернета предлагают так делать, да https://itnext.io/using-react-hooks-with-canvas-f188d6e416c0
Вторая ссылка в выдаче, тот неловкий момент, когда спросить в чате проще, чем погуглить)
Vadym
привет всем. ребят, пишу простое приложение есть форма для логина пользователя и дашборд. так вот, я хочу сохранить стейт в локалсторедж и добавить функционал для логаута. я хочу написать loggerSaga используя select и еще хочу добавить функционал для логаута вот мой код https://codesandbox.io/s/github/frontvin/simple-site подскажите, как можна реализовать такое?
Илья
дак у гугла тоже персонализированная выдача😂😂
Не эта, дак другая помогла бы, уверен, гугл может достаточно точно подобрать материал по запросу "react js canvas context functional components"))
Bogdan
есть страница, у нее пару фич, в каждую фичу нужны данные, как лучше делать запрос, в самой фиче или на странице?
Alexander
Bogdan
Как по мне в компонентах вообще не должно быть запросов,это просто вью
в каких компонентах? там все компоненты, я просто страницу и фичи на ней, сделать ли запрос именно в фиче?
Alexander
Ты юзаешь redux/mobx? Почему бы не сделать запрос в логике ?
Bogdan
JobsList - фича, мелкий пример, но тут я планировал сделать запрос именно в старанице, но два запроса будет минимум, выгоднее ли сделать их не посредственно в JobsList фиче?
Bogdan
Ты юзаешь redux/mobx? Почему бы не сделать запрос в логике ?
в какой логике? фича есть логика поидее
Alexander
А вообще лучше в фиче мне кажется,чтобы меньше частей подвергать ререндеру
Lena
почему пропсы не передаются?
Vladislav
а поч код не приложить?
Lena
что я упускаю?
Lena
должны передаваться из мэйна в контейнер
Lena
бл
Lena
ссыль не грузится приложила я уже
Lena
https://codesandbox.io/s/github/malinovaelena/avito-beta
Vladyslav 🍉
Подскажите пожалуйста, как при двойном клике по тегу <p>, сделать так чтобы он отображался виде инпута, условно
Vladislav
а поч не сверстать инпут в состоянии блюра как p, а в фокусе уже тащить стилизацию как у инпута?
Vladyslav 🍉
Daniil
оО
Cenator 🐈
Lena
Не пиши столбиками
👍. Буду благодарна,если вдруг кто-нибудь заметит мою ошибку в коде (или не ошибку, а прост недоработку )я уже теряюсь, ппц. глаза замылились совсем ..Пропсы не передаются от слова совсем.
Lena
Откуда куда, какие компоненты
из мэйна в контейнер
Constantine️
мы сказал запретное слово😮
A
из мэйна в контейнер
здравствуйте, потому что проверьте метод рендер компонета main
A
render() { return(<div className="cards-container"> {this.renderCardsFor(this.props.data, 6)} </div>) }
Китикет
Вот поставил final-form и пока больно очень(
A
` constructor({data}) { super(); this.arrOfData = data; }` какой-то дикий брет в конструкторе у вас
A
если уже хотите переносить из пропсов в контекст компонета, то делайте через стейт. this.state = { items: props.items };
Lena
` constructor({data}) { super(); this.arrOfData = data; }` какой-то дикий брет в конструкторе у вас
пасиба)я ж грю замылились.)особенно когда в первый раз над этим сидишь
Artem
из мэйна в контейнер
Передаёте arrayOfData, а в this dataOfArray
A
Передаёте arrayOfData, а в this dataOfArray
название пропса всё равно data, просто пропсы пытается в отдельную переменную в компоненте записать
A
а не в стейт
Китикет
Так, специалисты final-form, как сделать ресет при успешном submit'е?
A
в общем передает правильно, а читает неверно