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

Ты там мутируешь что ли ?

да нет, есть банально компонент, для него есть компонент кнопка с иконкой

в зависимости от состояния родителя должна менятся иконка кнопки

в зависимости от состояния родителя должна менятся иконка кнопки

Кинь gist или codepen какой нибудь

КОгда я экспортирую функцию таким способом: export default Compas = props => { .. } и затем импортирую ее мне пишет Compas is not defined. Когда таким: const Compas = props => { .. } export default Compas - все норм. Как экспортировать функцию в начале ее объявления без ошибки?

Кинь gist или codepen какой нибудь

https://gist.github.com/madmandarin/7f15ed7dd6c83ff27c800dcf7d197a25

КОгда я экспортирую функцию таким способом: export default Compas = props => { .. } и затем импортирую ее мне пишет Compas is not defined. Когда таким: const Compas = props => { .. } export default Compas - все норм. Как экспортировать функцию в начале ее объявления без ошибки?

export default (props) => {...}

Дефолтный экспорт не именованный

export default (props) => {...}

а как мне в таком случае определить proptypes ? Мне надо сделать что-то вроде Compas.propTypes = {...\}

а как мне в таком случае определить proptypes ? Мне надо сделать что-то вроде Compas.propTypes = {...\}

статиком в классе

статиком в классе

ок спс

статиком в классе

Не использовать дефолтный экспорт ты хотел сказать

:)

Не использовать дефолтный экспорт ты хотел сказать

это лучше, да)

ок спс

не используй дефолтный экспорт лучше

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

@itsjohncena поможешь с моей проблемой описанной выше?

@itsjohncena поможешь с моей проблемой описанной выше?

не юзаю мобих

=(

https://gist.github.com/madmandarin/7f15ed7dd6c83ff27c800dcf7d197a25

Конструктор вызываетс только перед маунтом а не каждый рендер. В иконке тебе не нужен стейь используй пропы

А, точно

Затупил

Спасибо большое =)

@itsjohncena поможешь с моей проблемой описанной выше?

Чем тебя мое решение не устраивает оно 100% верное

Чем тебя мое решение не устраивает оно 100% верное

Как ты сам написал, отлавливать ошибку в компоненте "тупо". Хочется найти другое решение

Как ты сам написал, отлавливать ошибку в компоненте "тупо". Хочется найти другое решение

Отдавливать в стейте написал же) Тут даже привязки к стейт менеджеру нет. Просто компонент в состоянии «ошибка»

Отдавливать в стейте написал же) Тут даже привязки к стейт менеджеру нет. Просто компонент в состоянии «ошибка»

Так все равно возвращается старое значение

Короче, я закинул проверку в сomponentDidUpdate https://github.com/Artkoch/react-crud-spa/blob/7c45a43cd4bb2357cc4d233f2b2c991a3e215a29/src/comp/LoginForm.js#L75

Так все равно возвращается старое значение

куда возвращается ? ты в рендере должен смотреть этот проп

куда возвращается ? ты в рендере должен смотреть этот проп

Я же писал, что не могу смотреть на пропс в рендре

Иначе сложностей не было бы

Возможно я тебя неправильно понял

.

странно что computed не помог

он по идее должен пересчитывать

Я же писал, что не могу смотреть на пропс в рендре

ты делаешь что то принципиально не так, поэтому и проблемы

ты делаешь что то принципиально не так, поэтому и проблемы

Можешь глянуть, что не так? https://github.com/Artkoch/react-crud-spa/blob/7c45a43cd4bb2357cc4d233f2b2c991a3e215a29/src/comp/LoginForm.js#L75

У меня ограничение, что Antd рендрит попап с ошибкой через функцию, а не компонент

Если былы бы компонент, то все было на много проще.

Можешь глянуть, что не так? https://github.com/Artkoch/react-crud-spa/blob/7c45a43cd4bb2357cc4d233f2b2c991a3e215a29/src/comp/LoginForm.js#L75

Какая дичь, императивный notification. Что мешает тогда его прям в экшене вызывать как сайд эффект? В твоем решении сейчас будет каждый рендер вызываться this.showFormError, сделай проверку что prevProp был без error

Какая дичь, императивный notification. Что мешает тогда его прям в экшене вызывать как сайд эффект? В твоем решении сейчас будет каждый рендер вызываться this.showFormError, сделай проверку что prevProp был без error

this.showFormError будет вызываться только, если условие this.props.store.loginRequestState === "error" true

Почему когда я компонент оборачиваю в connect (react-redux), он не обновляется при обновлении родителя?

this.showFormError будет вызываться только, если условие this.props.store.loginRequestState === "error" true

попробуй слови ошибку, а потом измени еще что нибудь в сторе

Пробовал. Все нормально работает.

А что должно было произойти?

Возможно ты имеешь ввиду, что каждый как изменяется стор, ре-рендрится компонент и будет выскакивать попап с ошибкой. Так я после того как присваиваю "error", потом присваиваю другое двефолтное значение

Возможно ты имеешь ввиду, что каждый как изменяется стор, ре-рендрится компонент и будет выскакивать попап с ошибкой. Так я после того как присваиваю "error", потом присваиваю другое двефолтное значение

ну ок

Solve

Please

ну ок

Спасибо

Please type English

For my problem

"requires babeel ^7 but was loaded with ^6"

Please type English

This is a Russian speaking chat

This is a Russian speaking chat

+1

ERROR: S client not available

Just update babel

Solve

god damn it. just read the fucking error.

god damn it. just read the fucking error.

THE f** error

Типичное русское комьюнити

Типичное русское комьюнити

+1

read jebany error

как по англиски заебал!

)))

ааххаахах

Лучше бы они код вообще не писали, как-то дебажил 2к строк индуссого js кода, там были вложности такие что не помещались на 1 мониторе. Try catch вообще там где он не нужен, куча setTimeout, хотя там ни 1 по сути не был нужен.

рофл

Да и из 2к примерно 1300 строк вообще нигде не вызывались )

Можно ли не использовать react-boostrap а просто подключить его через линк и юзать, это вполне нормально будет?

Как пофиксить лагающий рендер после обновления стейта из инпута, если на странце большая форма с десятками инпутов?

Как пофиксить лагающий рендер после обновления стейта из инпута, если на странце большая форма с десятками инпутов?

Что такое "законтрить"?

Что такое "законтрить"?

Предотвратить, вероятно :)

Что такое "законтрить"?

Пофиксить

Добрый день. Кто-то задавался вопросом как пропатчить тайпинги реакта, для того что бы избежать экстенда пропсов интерфейса в каждом компоненте? То есть, у нас typescript, react-i18next и для использования функции t в компоненте нам нужно экстендить пропсы таким интерфейсом: InjectedTranslateProps. Каким способом можно избежать этого? Нагуглил https://www.typescriptlang.org/docs/handbook/declaration-merging.html, значит как-то можно смержить официальные тайпинги и подмешать в их пропсы этот интерфейс с пропсами интернационализации

Добрый день. Кто-то задавался вопросом как пропатчить тайпинги реакта, для того что бы избежать экстенда пропсов интерфейса в каждом компоненте? То есть, у нас typescript, react-i18next и для использования функции t в компоненте нам нужно экстендить пропсы таким интерфейсом: InjectedTranslateProps. Каким способом можно избежать этого? Нагуглил https://www.typescriptlang.org/docs/handbook/declaration-merging.html, значит как-то можно смержить официальные тайпинги и подмешать в их пропсы этот интерфейс с пропсами интернационализации

не надо ничего патчить, а еще лучше не юзать i18next

Пофиксить

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

Чуваки, посоветуйте пожалуйста видосик про то, как запилить в свой ёбаный проетк ёбаный flow?

не надо ничего патчить, а еще лучше не юзать i18next

спасибо за совет, я все понимаю, но меня интересует сам способ, может кто-то имел опыт или есть статья?

кто-нибудь делал ssr авторизацию не через cookie ?

Чуваки, посоветуйте пожалуйста видосик про то, как запилить в свой ёбаный проетк ёбаный flow?

сори за вопрос, но почему у тебя всё «ёбаное»?

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

У меня висит на инпутах onChange, который осуществляет setstate с {e.target.name: e.target.value}. По идее, должен перерендериваться только один инпутов, только по неведомой мне причине, это начинает лагать с увеличением количества текста, введённого в инпуты.

pure component

pure component

Спасибо