но вот в таком виде оно не работает

но в общем то можно и без костылей обойтись

А зачем тебе вообще локальный стейт?

А зачем тебе вообще локальный стейт?

а можно было без него? ))

Я может не так чего знаю, но теперь ведь пропсы если чекаешь на изменения через getDerivedStateFromProps - только через локальный state можно так жить...

вас лишили cwrp не для того чтобы вы начали пропсы в стейт перекладывать)

вас лишили cwrp не для того чтобы вы начали пропсы в стейт перекладывать)

ткните носом, куда смотреть как правильно, пожалуйста.

Да тут и ресивПропсы не нужны, просто checked={item.new_visible}

ты же просто перекладываешь это значение в локальный стейт

ткните носом, куда смотреть как правильно, пожалуйста.

cDU

ребят как с помощью реф поймать фокус определенного инпута (если их несколько)

ребят как с помощью реф поймать фокус определенного инпута (если их несколько)

Дай нужному реф

У меня что-то вроде todo я добавляю айтемы и при даблклике по названию хочу фокусировать именно инпут этого айтема

У меня что-то вроде todo я добавляю айтемы и при даблклике по названию хочу фокусировать именно инпут этого айтема

Ну по индексу смотри

У меня что-то вроде todo я добавляю айтемы и при даблклике по названию хочу фокусировать именно инпут этого айтема

Посмотри на атрибут лейбла for (в реакте htmlFor)

с чего ты взял что в didMount нельзя state менять?

Ну тут ты и не в дидмаунте стейт меняешь, а в колбэке

Ну тут ты и не в дидмаунте стейт меняешь, а в колбэке

ааа ок спасибо… огромное

У меня что-то вроде todo я добавляю айтемы и при даблклике по названию хочу фокусировать именно инпут этого айтема

кстати react-way решение было бы создать наверное что-то вроде <Focus /> компонента, в который оборачивать элемент, ставший "активным" после дабл клика и который на онМаунт фокусит внутренний инпут

ну вообще можно менять, просто вызовется дополнительный ререндер, но он не будет виден пользователю

ну вообще можно менять, просто вызовется дополнительный ререндер, но он не будет виден пользователю

ну ок спасибо большое

Есть какое-то несформулированное желание, что бы у компонентов, которые рендерят реальный дом и компонентов, которые просто пользуются лайфцакл-хуками был разный синтаксис. Все это вместе в JSX выглядит странно

ну ок спасибо большое

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

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

✌️

Может по классу <li> как-то обращаться к input'у?

попробую подсказать еще разочек - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label

это мне не подходит

почему?

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

данная стуктура не подходит потому-что по клику это совсем не то

отдельный компонент с инпутом, у которого на didMount вызывается фокус

компонент не скрыт, а просто не рендерится

двойной клик его рендерит

точнее меняет стейт родителя, чтобы тот его показал

более чем тривиальная задача

может нехватает какого-то параметра при забрасывании фокуса

пока не доходит (p.s я ток изучаю reactjs)

У инпутов есть свойство autoFocus, если что

пока не доходит (p.s я ток изучаю reactjs)

перечитал свой совет и больше даже добавить нечего

У инпутов есть свойство autoFocus, если что

Не знал. Тогда еще проще. Можно вообще без компонента по стейту рендерить инпут с этим аттрибутом

но так это лишнее ведь нет? рендерить инпут при дабл клике

это react-way

в моем случае он создается сразу но скрытый

а зачем его создавать, если он ничего не делает?

сейчас зачекаю react-way

пока нет дабл клика

он будет содержать onChange value onKeyPress

меняйте мировоззрение, если собираетесь писать что-то серьезное на React/Redux

он будет содержать onChange value onKeyPress

ну вот и отдайте ему эти props при рендере

{ this.state.showInput && <input ... /> }

Ребзи, есть асинхронный метод Реакт компонента, внутри которого загружаются данные. Функция загрузки обернута в try-catch. Надо протестировать catch. Функция загрузки передается пропсой в компонент, и в тестах она замокана. Надо протестировать catch. Если просто переопределить const fetchData = () => { throw new Error(); }, то все падает. Как протестировать catch? Тесты - Jest, enzyme

Да тут и ресивПропсы не нужны, просто checked={item.new_visible}

спасибо, походу я уже двинулся, нафига нагородил. Но с checkbox это проблемы не решает

ERROR: S client not available

почему не решает?

Ребят, надо, чтобы приложение на реакте могли встраивать в другие приложения. Решено было сделать это через iframe. Нашёл такую штуку - https://github.com/ryanseddon/react-frame-component это подходит для моих целей или может вы знаете способ лучше?

почему не решает?

По-прежнему - клик на чекбокс вызывает рендер, но по факту галка не перерисовывается. Если еще раз кликнуть - рендер не дергает, но галку перерисовывает.

видел в stackoverflow где-то на дне дна под крышкой, что мол так происходит из-за preventDefault. Но как-то это на багу похоже...

По-прежнему - клик на чекбокс вызывает рендер, но по факту галка не перерисовывается. Если еще раз кликнуть - рендер не дергает, но галку перерисовывает.

а тут нужен разве e.preventDefault?

ну для инпута с текстом, селектора там, например, нужно - предположил, что и для чекбокса нужно, для соответсвия переданному через пропс значению.

Но по сути это и был мой вопрос - preventDefault не нужно отключать в данном случае?

Но по сути это и был мой вопрос - preventDefault не нужно отключать в данном случае?

да нет, я обычно только на onSubmit формы вешаю, чтобы действительно прекратить стандартное поведение

ребят может кто подсказать в чем может быть трабла что любой дропдаун с разных либ не правильно отображаеться ? https://prnt.sc/l16j9p https://prnt.sc/l16kcx

ребят может кто подсказать в чем может быть трабла что любой дропдаун с разных либ не правильно отображаеться ? https://prnt.sc/l16j9p https://prnt.sc/l16kcx

Стили не подгрузились

а как это пофиксить?)

Тут нет рутовых нод, инстансы равноправны

Типа только зависимости?

а как это пофиксить?)

https://rudevs.network/SJnVLYQm7

Есть какое-то несформулированное желание, что бы у компонентов, которые рендерят реальный дом и компонентов, которые просто пользуются лайфцакл-хуками был разный синтаксис. Все это вместе в JSX выглядит странно

Это в ангуляр к сервисам, наверное

Есть какое-то несформулированное желание, что бы у компонентов, которые рендерят реальный дом и компонентов, которые просто пользуются лайфцакл-хуками был разный синтаксис. Все это вместе в JSX выглядит странно

?

Это в ангуляр к сервисам, наверное

Я бы так не сказал

Есть какое-то несформулированное желание, что бы у компонентов, которые рендерят реальный дом и компонентов, которые просто пользуются лайфцакл-хуками был разный синтаксис. Все это вместе в JSX выглядит странно

Ну у меня это стрелки и классы. Класс компоненты только с лайфсайкл хуками. Стейта ни у одного компонента нет

Вот тебе и другой синтаксис, считай

А какую проблему это должно решить, и вообще какая проблема ?

Я про JSX. Например, писать роутер через JSX выглядит странно. транзишнГруп, еще что-то...

В реакте нельзя просто взять и не юзать компонент в каком-то месте, даже чтобы прокинуть данные нужен компонент или хок, поэтому как-то разделить очень сложно. Разве что делать специальные компонент провайдеры, в которые передаётся определённый объект (класс) и возвращается через рендер пропс результат

Есть какое-то несформулированное желание, что бы у компонентов, которые рендерят реальный дом и компонентов, которые просто пользуются лайфцакл-хуками был разный синтаксис. Все это вместе в JSX выглядит странно

вторые как правило выдают себя рендер пропсом )

Я про JSX. Например, писать роутер через JSX выглядит странно. транзишнГруп, еще что-то...

Роутер я не пишу так)

Я про JSX. Например, писать роутер через JSX выглядит странно. транзишнГруп, еще что-то...

У меня для этого две функции, а все роуты описываются json

Транзишн груп - а почему нет

Я про JSX. Например, писать роутер через JSX выглядит странно. транзишнГруп, еще что-то...

ничего ты не понимаешь :) everything is a component )

ничего ты не понимаешь :) everything is a component )

хе

Хорошо, давайте так. Не обязательно использовать компонент, что бы использовать компонент https://codesandbox.io/s/3qvz8vlqv5