Bogdan
16,8 реакт
🦜
const на function замени
Ivan
А почему бы не перейти по ссылке 😏
Александр
У внутри может где-то возникает, потому внутри Board
Arthur
const на function замени
чем это поможет ?)
Александр
const на function замени
Ого, не знал что оно не будет с арроу работать
🦜
ну у меня так работают хуки
Arthur
да как обычно
вырежи левую разметку из <App />
Bogdan
const на function замени
не поможет, тоже самое в другом работает, проще пересоздать уже, это в codesandbox такая хрень вылезла
Bogdan
ага
🦜
да и вообще я советую не юзать анонимные функции для функциональных компонентов
Андрей
Чуваки накосячили в eslint правиле.
🦜
бабель больше кода генерит
🦜
на выходе получается var App = function App
Андрей
Arthur
Не транспиль в es5.
тогда саппорт браузеров отваливается сильно
🦜
Не транспиль в es5.
чо токсишь, ммм, пиздец, я ахуею, вот это токсик
Александр
да как обычно
Закомментировать Board чтобы убедится что не внутри него ошибка
Андрей
тогда саппорт браузеров отваливается сильно
Сделай 2 бандла. На оставшийся 1% с ie и прочим устаревшим не особо важно.
Margarita
Кто-нибудь знает как сделать анимацию монтирования и размонтирования для всех компонентов из одного места? Например, изменение opacity
Dmitriy
Сделай 2 бандла. На оставшийся 1% с ie и прочим устаревшим не особо важно.
а как это организовать. Была идея такая. Как потом понять какой бандл отдавать ?
Margarita
TransitionGroup ну или лучше react-spring
не нашла как прям для всех сразу, как для одного много инфы, но не хочется для всех отдельно прописывать
wolfe
не нашла как прям для всех сразу, как для одного много инфы, но не хочется для всех отдельно прописывать
можно попробовать хок и прикрутить его к контексту родителя. а в нём использовать spring или transition-group
L.
Привет! Как тестировать компонент который эммитит преобразованную дату и сравнивает ее с исходным json. Для тестов используется jest и enzyme
Volodymyr
Привет народ, подскажите пжлст. Есть родитель со своим состоянием, при определенных условиях он выводит потомка. У потомка так же есть, свои состояния Мне нужно словить состояние потомка и взависимости от них, что то сделать с родителем. Подскажите кто чем может)))
Arthur
Проще и быстрее всего
Anton
Всем привет. Посоветуйте подходы или материалы по реализации конфиг-менеджеров для SPA на реакте, для замены стандартного подхода конфигруации приложения через .env файлы на динамическую загрузку конфига например из json файла
Андрей
Привет, подскажите, как я могу увидить name в CalendarBlock увидить в функции. CalendarBlock - это левый компонент e.target.name - не видит
Andrew
getDate={e => onChangeData(e, ‘calendarName’}
Андрей
getDate={e => onChangeData(e, ‘calendarName’}
так теряется значение одно. именно fullDate - undefined
Андрей
значит этот компонент просто не передает event
хм, а как мне тогда получить этот name? какие варианты есть?
Андрей
а зачем?
есть два календаря в одном месте. и их данные, чтобы ихменять их, я зочу использовать [key]: value
Андрей
велью есть. а кей - это мой нейм
Андрей
чтобы была одна фукнция на два календаря
Eugene
ну как вариант: 1) разные функции 2) getDate={(inputDate, fullDate) => onChangeData(inputDate, fullDate, 'name') }
Андрей
спасибо
Bogdan
это вот не слишком громоздко ?
Andrey
это вот не слишком громоздко ?
упакуй в свой хук, если сильно громоздко
Dmitriy
упакуй в свой хук, если сильно громоздко
я уже видел под сто строк юзВоображение)🤦‍♂️
Bogdan
useTranslation есть у react-i18next инитить i18next в одном месте, а перевод получать по всему приложению можно? я пробую, пишет варнинг react-i18next:: You will need pass in an i18next instance by using initReactI18next
Vladimir
useTranslation есть у react-i18next инитить i18next в одном месте, а перевод получать по всему приложению можно? я пробую, пишет варнинг react-i18next:: You will need pass in an i18next instance by using initReactI18next
я написал такую штуку и не пользуюсь useTranslation вообще https://github.com/today-/actorsmovies/blob/master/src/i18n/index.ts#L38 https://github.com/today-/actorsmovies/blob/master/src/components/games/NewGameButton.tsx#L6
Frontend Priest
Утречка Чуваки, как гарантированно подписать компонент на изменение внешней переменной? Она лежит в объекте, ссылка на объект передаётся через контекст
Frontend Priest
Делать setState и получать новый объект через контекст
На какое действие вызывать setState? (не догоняю)
Mike
я делаю стейт менеджер
Ну значит у тебя изменение должно происходить как две операции, изменить и уведомить желающих
Frontend Priest
Завести в объекте сеттер с колбеком?
но как его вызвать? внешний объект ничего не знает о компонентах, которые к нему подсосались
Frontend Priest
а хотя, нет, попробую подписывать их через тот же контекст
iči
Кого вызывать, коллбек?
iči
Из сеттера
Mike
Ты уверен, что тебе стоит писать стейтменеджер, не продумав флоу свой до конца?
Frontend Priest
Ты уверен, что тебе стоит писать стейтменеджер, не продумав флоу свой до конца?
это не очередной убийца редукса, а просто мелкая тулза для решения конкретной цели, тут можно делать криво, никто не накажет
Frontend Priest
Возьми effector. Там можно делать атомарные сторы. То что нужно.
я уже в фан-клубе эффектора, но даже он будет оверхедом, задача и правда небольшая
Frontend Priest
алсо, при написании своих инструментов, мозгов становится ощутимо больше
Frontend Priest
примерно понял ваши идеи, спасибо, чуваки
Margarita
Ребят, привет :) Кто-нибудь знает, как пользоваться такой штукой, как React.Child.only? ))) У меня React.Child.only(this.props.children) возвращает ошибку даже в том случае, когда я передаю одного потомка в компонент :( React.Child.only ожидает одиночный компонент реакт, а children - это всегда массив
Margarita
React.Child.only(this.props.children[0]) работает, но ведь тогда смысл проверки теряется 😢
Vladislav
Вы же небось пихаете туда несколько компонентов
Артур
@luckinamargo Verifies that children has only one child (a React element) and returns it. Otherwise this method throws an error. https://reactjs.org/docs/react-api.html#reactchildrenonly
Артур
всё так.
Margarita
Одного потомка я передаю