то есть здесь, твой AutocompleteInput обязан быть styled

конечно, там только стайлед компоненты

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

нет, я соврал

Мне получается нужно делать корневой компонент на стайледах обязательно?

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

Разве обычный нельзя?

А стоп, внутрь стилей

Разве обычный нельзя?

нет же

Я подумал styled(вотсюда)

Привет всем. Испольщую React 16.4. Может кто сталкивался с такоей проблемой. Есть список сообщений чата. Хочу добавить автоскролл к концу списка при получении соообщения. Создал ссылку на элемент в котором отображаются сообщения и в componentDidUpdate делаю следуюзее: this.messagesListRef.current.scrollTop = this.messagesListRef.current.scrollHeight; Но список не пролистывается до самого конца. Если посмотреть scrollHeight в React и в браузере то между ними будет разница в 142px. Попробовал сделать ссылку на последний элемент в списке и использовать this.messageRef.current.scrollIntoView();ю Но получил тот же результат. Что может давать эту разницу в высоте scrollHeight? Как все-таки пролистать список до конца?

Кажется, что это никак не имеет отношение к реакту)

делается так же как и без реакта, нету никакого специфичного DOM апи

Это конечно понятно. Но вот если я в консоли браузера выбираю элемент то у него отображается правильный размер.

Ты можешь просто брать высоту контейнера и скролить в самый конец

Напрямую делать document.get....._

Нет, получить реф на контейнер и на нем дергать скрол

?

У тебяж в любом случае будет подскрол к самому концу

Наверно плохо описал. что я сделал. Но в первом варианте я так и попробовал сдлеать.

У тебяж в любом случае будет подскрол к самому концу

Хм. Этого не знал.

Просто если делать в консоли браузера так: document.getElementsByClassName('Chat__chat-body___ky9OT')[0].scrollTop = document.getElementsByClassName('Chat__chat-body___ky9OT')[0].scrollHeight; То никакого подскролла не остается.

Сложно так сказать, лучше воспроизведи где-нибудь в песочнице, так будет больше шанс, что тебе помогут

Проблема в том, что если я вывожу в консоль: this.messagesListRef.current.scrollHeight; То получаю 800px А если document.getElementsByClassName('Chat__chat-body___ky9OT')[0].scrollHeight То 942 px

Сложно так сказать, лучше воспроизведи где-нибудь в песочнице, так будет больше шанс, что тебе помогут

Ок. Спасибо скйчас попробую доавить пример.

Есть ещё инфа, что ты читаешь scrollHeight до обновления, не выводи в консоль высоту сразу, а выводи дом элемент типо console.dir(ref.current)

и найди свойство высоты

оно должно будет обновиться по ссылке и тогда ты увидешь текущее значение

а не то, что было на момент вывода в консоль

Ок. Спасибо сейчас попробую.

https://github.com/artalar/blog/blob/master/src/pages/currently-best-ui-kits.md

А за blueprint почему никто не вписался? )))

А за blueprint почему никто не вписался? )))

Да есть еще куча китов достойных, но я перечислил 2 топа, по личному мнению, конечно

Еще вопрос, нашел табличный компонент который меня полностью удовлетворяет - Webix.datatable, На реакте есть что-то схожее по функционалу?

А за blueprint почему никто не вписался? )))

потому что он не очень

потому что он не очень

Принял, спасибо

Я теперь больше топлю за SC. Я сегодня целый день убил на то, чтобы у меня стили собирались на 7 нексте, и все равно нихера не вышло.

Я теперь больше топлю за SC. Я сегодня целый день убил на то, чтобы у меня стили собирались на 7 нексте, и все равно нихера не вышло.

SC, некст, можно со ссылками? )

SC, некст, можно со ссылками? )

https://www.styled-components.com/

SC, некст, можно со ссылками? )

https://nextjs.org/

Коллеги, а есть ли норм асинк селект для реакта ?

https://www.styled-components.com/

Там Atlassian у них же свой UI написан на SC получается ? )

Там Atlassian у них же свой UI написан на SC получается ? )

не могу сказать

https://docs.atlassian.com/aui/

https://docs.atlassian.com/aui/

я вижу css

и jq

не ту сслыку дал https://atlaskit.atlassian.com/

не ту сслыку дал https://atlaskit.atlassian.com/

что-то пиздец какой-то у них в package.json творится

emotion, SC

что-то пиздец какой-то у них в package.json творится

Ага

посоны. Функции в стейте ридакса это пиздец ? (на пример компоненты модалок)

Что-то SC слишком прям все сделай сам ))

посоны. Функции в стейте ридакса это пиздец ? (на пример компоненты модалок)

нахрена?

лол. А как показать модалку ?

свич кейс ?

посоны. Функции в стейте ридакса это пиздец ? (на пример компоненты модалок)

как его сериализовать?

как его сериализовать?

зачем

ERROR: S client not available

лол. А как показать модалку ?

Берешь компонент модалки на основе порталов. Рендеришь его.

зачем

ssr например

Берешь компонент модалки на основе порталов. Рендеришь его.

нету порталов

ssr например

не нужно. Все на клиенте

лол. А как показать модалку ?

в смысле как? как все делают

лол. А как показать модалку ?

В корне маунтишь, подписываешься на флаг в сторе, в чем проблема?

ну да. Порталы тема. Но у меня их нету

ну да. Порталы тема. Но у меня их нету

У тебя какая версия реакта?

В корне маунтишь, подписываешься на флаг в сторе, в чем проблема?

проблема. Это портяна свич кейса и я должен заранее все сделать я сделал регистрацю компонента и вызов с пропсами

У тебя какая версия реакта?

rn

проблема. Это портяна свич кейса и я должен заранее все сделать я сделал регистрацю компонента и вызов с пропсами

Что за свитч-кейс - не понятно. Опиши проблему нормально

Что за свитч-кейс - не понятно. Опиши проблему нормально

как ты подпишешся на стор и покажешь модалку ? Будет куча ифов я просто положил компонент в стор

rn

а на rn нет роутеров? ?

как ты подпишешся на стор и покажешь модалку ? Будет куча ифов я просто положил компонент в стор

обросрали лол

как ты подпишешся на стор и покажешь модалку ? Будет куча ифов я просто положил компонент в стор

Ну, положил, и положил.

Пойдёт костыль.

как ты подпишешся на стор и покажешь модалку ? Будет куча ифов я просто положил компонент в стор

зачем?

лол. Что значит зачем

зачем ложить компонент в стор?

зачем ложить компонент в стор?

это лучше чем делать кучу свичей. Мне не нужно сериализовать и других махинаций

посоны. Функции в стейте ридакса это пиздец ? (на пример компоненты модалок)

https://redux.js.org/faq/organizingstate#can-i-put-functions-promises-or-other-non-serializable-items-in-my-store-state

это лучше чем делать кучу свичей. Мне не нужно сериализовать и других махинаций

Сделай loock-up object

https://github.com/reduxjs/redux/issues/1248

как ты подпишешся на стор и покажешь модалку ? Будет куча ифов я просто положил компонент в стор

Как ты с заказчиком разговариваешь вообще? Ты можешь предметно описать проблему? Но это на будущее совет, а так ясно что ты себе сам на уме

у меня нету проблемы. Я просил про стор и функции в ридаксе. С проблемами пришли вы

Ответ - это антипатерн. Но ты, видимо, решил все равно так делать?

ну тебе сказали, это пздц