🦜
Ivan
Всем хай, юзаю create-react-app, подскажите пж как тут можно поменять порт или production поставить
🤴👷♂️🦸♂️🧚♀️
Привет. Хочу проигрывать разные анимации с помощью стайледов взависимости от пропсов. Это делается тернарным оператором, верно?
Yury
🤴👷♂️🦸♂️🧚♀️
kübernarkomaan
привет, вопрос по событиям. почему onBlur срабатывает, даже когда тыкаешь на карту?
код: https://gist.github.com/talentlessguy/f11a133a5ab112aaae337332f3970c50
гифка: https://giphy.com/gifs/iJnxJtmya7D5JJuI71
Andrii
Igor
Евгений
Подскажите как посмотреть пропсы компонента которые передал,
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())
})
})
в данном случае в консольлог пишет андефайнд
Saymon
Евгений
пробовал, и там выдает вот что
{ 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: {} } ] }
Тимофей 🛴
пробовал, и там выдает вот что
{ 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
Sergey
Saymon
И все передается и выводится))
Alex
Alex
а вообще можно прятать на время скриншота Ctrl + Shift + B
howitworks
не проще было бы обрезать все сверху
Saymon
Евгений
Сделал вот так 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
Vlad
Ну это же hoc, он возвратит ком.
Ivan
Bogdan
TestCView
export TestC
Mihail
Сергей
А не проще тогда export default React.memo(TestC);
▲rtemiy
Mihail
Сергей
Так я сразу так и предлагал выше
🦜
no
Vadim
Sergey
Maxim
Сергей
Иногда по дефолту тоже надо...если не можеш импортить под этим неймом..ещё если не ошибаюсь то react.lazy работает только с дефолтным экспортом.
Sergei
Хорошо
Andrey
@sovasergey
Sergei
Перешёл
Mihail
@XaveScor
Sergey
🤴👷♂️🦸♂️🧚♀️
🤴👷♂️🦸♂️🧚♀️
🤴👷♂️🦸♂️🧚♀️
Дефолт экспорты не нужны короче никогда
Dmitry
🤴👷♂️🦸♂️🧚♀️
Dmitry
Ну ты его не узнаешь. Некст дефолтные страницы не зря делает
Сергей
Ребят, привет. Что может быть не так?
Сергей
Сергей
Сергей
Oleg
как настроить eslint, чтоб он не просил скобку вокруг аргумента, если нет слова return?
Oleg
что, чёрт возьми, ты делаешь? setState(this.state)?
Сергей
Oleg
Сергей
Сергей
Сергей
У меня в другой компоненте тот же код прекрасно работает
А в этой что то не хочет
Oleg
ну this.ref.current.что-тоТам
Сергей
Oleg
Первое фото
блять, разбирайся сам. код кусками по три строки - гадай...
Denis
Igor
Denis
Реф в стейте 😳 новый лвл
Oleg