ИЕ
Спасибо всем за помощь
Size: a a a
2021 January 20
PF
Спасибо всем за помощь
не за что
АС
Ребят, а есть у кого чат по идешкам?
Т
Vladimir Samoilenko
Да что там показывать? Просто считаем, что случай абстрактный - список и ререндер при изменении списка. Могу ли я этот ререндер как-нибудь сделать плавно или не могу? Вот в чем вопрос. Скорее всего, не получится…
Я же написал что получится. Просто это уже одним css не сделать. Нужно расчитывать размеры. Найди пример в react spring animating auto
АС
Может тут кто-то знает?
как то странно стали работать импорты, 17 реакт, тс, вебшторм.
обычно вписываешь компонент, нажимаешь ctrl+enter и там подсказка с импортом, а сейчас(я так понимаю из за 17 реакта), в подсказках только ипорт реакта, а если импортнуть его, то уже выскакивают подсказки для остального
как то странно стали работать импорты, 17 реакт, тс, вебшторм.
обычно вписываешь компонент, нажимаешь ctrl+enter и там подсказка с импортом, а сейчас(я так понимаю из за 17 реакта), в подсказках только ипорт реакта, а если импортнуть его, то уже выскакивают подсказки для остального
VS
Я же написал что получится. Просто это уже одним css не сделать. Нужно расчитывать размеры. Найди пример в react spring animating auto
сенкс, попробую.
АС
Vladimir Samoilenko
Всем привет. Такой вопрос имею. Есть div, в нем список li, связанный с массивом. Показывается только два первых элемента масссива. По нажатию кнопки, через функцию, указанную в useState, показывается весь массив. Естественно, при этом родительский div увеличивается в размерах. Скажите, сделать это не резко, а плавно - не судьба? transition не помогает, если что.
делал такое, джсом считаешь высоту, и прокидываешь в max-height
если элементы одинаковой высоты, то все вообще просто, если нет, то через рефы узнаешь сначала высоту 2х элементов
``
const array = [...ref.current.childNodes];
return array.slice(0, 2)
.map((a) => a.scrollHeight)
.reduce((a, b) => a + b) + 25;
``
а потом по клику, меняшь высоту на
``
ref.current.scrollHeight
``
если элементы одинаковой высоты, то все вообще просто, если нет, то через рефы узнаешь сначала высоту 2х элементов
``
const array = [...ref.current.childNodes];
return array.slice(0, 2)
.map((a) => a.scrollHeight)
.reduce((a, b) => a + b) + 25;
``
а потом по клику, меняшь высоту на
``
ref.current.scrollHeight
``
АС
обертка что то по типу такой
VS
Ого! Надо подумать…
VS
У меня там просто флекс сам все выставляет автоматически…
АС
Vladimir Samoilenko
У меня там просто флекс сам все выставляет автоматически…
ну с транзишином нужно мудрить)
может есть решения и по элегантнее, но хз, пришел только к этому)
может есть решения и по элегантнее, но хз, пришел только к этому)
VS
ну с транзишином нужно мудрить)
может есть решения и по элегантнее, но хз, пришел только к этому)
может есть решения и по элегантнее, но хз, пришел только к этому)
транзишн, если я правильно понял, работает, когда элементу напрямую тем или иным способом задаешь размеры. А когда флекс автоматически - то нет, не активизируется.
АС
Vladimir Samoilenko
транзишн, если я правильно понял, работает, когда элементу напрямую тем или иным способом задаешь размеры. А когда флекс автоматически - то нет, не активизируется.
да
VS
Но тут проблема не в транзишне, а в том, что срабатывает ререндер. А чтобы сделать анимацию, надо по одному элементику в массив насыпать, но тогда на каждое такое добавление будет срабатывать ререндер, а оно ну его, как говорится…
АС
Vladimir Samoilenko
Но тут проблема не в транзишне, а в том, что срабатывает ререндер. А чтобы сделать анимацию, надо по одному элементику в массив насыпать, но тогда на каждое такое добавление будет срабатывать ререндер, а оно ну его, как говорится…
так, а почему ререндер? у тебя меняется масив? если делать так как я скидывал, то ты рендеришь сразу все, просто макс хейзом и оверфлов: хайден скрываешь все кроме первых двух
АН
Всем привет. Подскажите пожалуйста нубу, например использую я формик. Хочу узнать вообще что можно прокидывать в пропсы компоненту <Field>. В доке, я например не нашел нужной информации, но на stackoverflow нашел, что если ему прокинуть пропс autoFocus - он будет фокуситься при маунтинге. Так вот вопрос, как узнавать какие можно прокидывать пропсы в компоненту?
Я пытался вывести в консоль компонент - но там особо ничего.
Я пытался вывести в консоль компонент - но там особо ничего.
V
Андрей Негруша
Всем привет. Подскажите пожалуйста нубу, например использую я формик. Хочу узнать вообще что можно прокидывать в пропсы компоненту <Field>. В доке, я например не нашел нужной информации, но на stackoverflow нашел, что если ему прокинуть пропс autoFocus - он будет фокуситься при маунтинге. Так вот вопрос, как узнавать какие можно прокидывать пропсы в компоненту?
Я пытался вывести в консоль компонент - но там особо ничего.
Я пытался вывести в консоль компонент - но там особо ничего.
какой редактор?
АН
какой редактор?
WS
ЯY
Андрей Негруша
Всем привет. Подскажите пожалуйста нубу, например использую я формик. Хочу узнать вообще что можно прокидывать в пропсы компоненту <Field>. В доке, я например не нашел нужной информации, но на stackoverflow нашел, что если ему прокинуть пропс autoFocus - он будет фокуситься при маунтинге. Так вот вопрос, как узнавать какие можно прокидывать пропсы в компоненту?
Я пытался вывести в консоль компонент - но там особо ничего.
Я пытался вывести в консоль компонент - но там особо ничего.
В смысле нет? Напишите formik field props, первая ссылка в гугле
