Ivan
Всем хай, юзаю create-react-app, подскажите пж как тут можно поменять порт или production поставить
🤴👷‍♂️🦸‍♂️🧚‍♀️
Привет. Хочу проигрывать разные анимации с помощью стайледов взависимости от пропсов. Это делается тернарным оператором, верно?
Bogdan
Привет. Хочу проигрывать разные анимации с помощью стайледов взависимости от пропсов. Это делается тернарным оператором, верно?
во, мож прочекать https://codesandbox.io/s/react-animation-0meqf если много анимаций, можно сделать стайледу getProps, который из обьекта стили заберет
Bogdan
Всего две, на закрытие и открытие
ну тогда ссылка подойдет, там без сторонних либ
kübernarkomaan
привет, вопрос по событиям. почему onBlur срабатывает, даже когда тыкаешь на карту? код: https://gist.github.com/talentlessguy/f11a133a5ab112aaae337332f3970c50 гифка: https://giphy.com/gifs/iJnxJtmya7D5JJuI71
Евгений
Подскажите как посмотреть пропсы компонента которые передал, import React from 'react'; import { shallow, mount } from 'enzyme'; import { shallowToJson } from 'enzyme-to-json'; import {PasswordRecoverySuccess} from '../components/Technical/PasswordRecoverySuccess' describe('', () => { it('', () => { const state = { } const propsForComponent = {registration : { emailToRecover: "test@email.ru" } } const output = shallow( <PasswordRecoverySuccess {...propsForComponent} /> ) console.log(output.prop()) }) }) в данном случае в консольлог пишет андефайнд
Евгений
пробовал, и там выдает вот что { className: 'sign', children: [ { '$$typeof': Symbol(react.element), type: [Function], key: null, ref: null, props: [Object], _owner: null, _store: {} }, { '$$typeof': Symbol(react.element), type: 'div', key: null, ref: null, props: [Object], _owner: null, _store: {} } ] }
Евгений
просто где то что я прокидываю
Евгений
а имено const propsForComponent = {registration : { emailToRecover: "test@email.ru" } } const output = shallow( <PasswordRecoverySuccess {...propsForComponent} /> )
Saymon
Так это, ты не правильно передашь по ходу
Saymon
<component props={propsForComponent} />
Евгений
у меня в компоненте в рендере render() { const { logoUrl, bgUrl } = this.state const { emailToRecover } = this.props.registration и при запуске теста он ругается если прокинуть как выше показано TypeError: Cannot read property 'emailToRecover' of undefined
Saymon
И все передается и выводится))
Sergey
И все передается и выводится))
Типа есть смысл замазывать вкладки
Alex
а вообще можно прятать на время скриншота Ctrl + Shift + B
howitworks
не проще было бы обрезать все сверху
Евгений
Сделал вот так describe('', () => { it('', () => { const state = { } const registration = { emailToRecover: "test@email.ru" } const output = shallow( <PasswordRecoverySuccess registration={ registration } /> ) console.log(output.props('registration')) }) }) и в консоль все равно вот что выводится
Евгений
Console console.log __tests__/PasswordRecoverySuccess.test.js:22 { className: 'sign', children: [ { '$$typeof': Symbol(react.element), type: [Function], key: null, ref: null, props: [Object], _owner: null, _store: {} }, { '$$typeof': Symbol(react.element), type: 'div', key: null, ref: null, props: [Object], _owner: null, _store: {} } ] }
Kirill
как назвать компонент после его оборачивани в Hoc? есть компонент Cell, хочу обернуть его в pure функцию , как лучше назвать итог ? или как вообще поступать в таких ситуациях ?
Sergey
PureCell?
Serega
Всем привет, кто знает как получить сабколлекции из базы файрбейс?
Kirill
Теоретически после равно React.memo и весь код возьми в ( ) и обзывать не надо никак.
понял, а вот это, вобще, нормальный подход ? менять переменную с функцией ?
Vlad
Ну это же hoc, он возвратит ком.
Ivan
понял, а вот это, вобще, нормальный подход ? менять переменную с функцией ?
исключительно дело вкуса на мой вкус — так пишут извращённые ублюдки
Bogdan
TestCView export TestC
Сергей
А не проще тогда export default React.memo(TestC);
Mihail
const TestC = React.memo(() => { //компонент })
И не надо никаких export default городить
Сергей
Так я сразу так и предлагал выше
Maxim
Сергей
Иногда по дефолту тоже надо...если не можеш импортить под этим неймом..ещё если не ошибаюсь то react.lazy работает только с дефолтным экспортом.
Sergei
Хорошо
Andrey
@sovasergey
Sergei
Перешёл
Mihail
@XaveScor
🤴👷‍♂️🦸‍♂️🧚‍♀️
🤴👷‍♂️🦸‍♂️🧚‍♀️
Дефолт экспорты не нужны короче никогда
Dmitry
Можно свою обертку дописать для lazy
А как ты имя компонента узнаешь?
🤴👷‍♂️🦸‍♂️🧚‍♀️
А как ты имя компонента узнаешь?
Я не помню уже, погугли ишью
Dmitry
Ну ты его не узнаешь. Некст дефолтные страницы не зря делает
Сергей
Ребят, привет. Что может быть не так?
Сергей
Сергей
Сергей
Oleg
как настроить eslint, чтоб он не просил скобку вокруг аргумента, если нет слова return?
Oleg
что, чёрт возьми, ты делаешь? setState(this.state)?
Сергей
что, чёрт возьми, ты делаешь? setState(this.state)?
Типа в стейт заношу значение поля)
Oleg
Типа в стейт заношу значение поля)
может, ты хотел change(e) { this.setState({value: e.target.value}) } ? gbpltw...
Oleg
А если с ref?
а где реф? я её не вижу.
Сергей
У меня в другой компоненте тот же код прекрасно работает А в этой что то не хочет
Oleg
ну this.ref.current.что-тоТам
Сергей
Сергей
ну this.ref.current.что-тоТам
На фото все так Но ref undefined
Oleg
Первое фото
блять, разбирайся сам. код кусками по три строки - гадай...
Сергей
блять, разбирайся сам. код кусками по три строки - гадай...
Так а что ты еще хочешь?) Я отправил весь узел Все остальное к вопросу не относится
Denis
Реф в стейте 😳 новый лвл