Size: a a a

React — русскоговорящее сообщество

2020 December 23

B

Bogdan in React — русскоговорящее сообщество
Stanislav
в чем задача
изначально я c headless wordpress получаю статьи в HTML строках, потом конвертирую в дерево React-элементов и в зависимости от типа элемента хочу раскидывать их по компонентам, чтобы стилизировать, добавить логики и т.п.
источник

S

Stanislav in React — русскоговорящее сообщество
Bogdan
изначально я c headless wordpress получаю статьи в HTML строках, потом конвертирую в дерево React-элементов и в зависимости от типа элемента хочу раскидывать их по компонентам, чтобы стилизировать, добавить логики и т.п.
вот это да
источник

B

Bogdan in React — русскоговорящее сообщество
Stanislav
вот это да
что-то вроде такого
источник

B

Bogdan in React — русскоговорящее сообщество
или я дичь делаю?)
источник

S

Stanislav in React — русскоговорящее сообщество
Bogdan
или я дичь делаю?)
дичь конечно, но тут есть способ это норм сделать, просто лично я не хотел бы за вас код писать
источник

GO

Green Orange in React — русскоговорящее сообщество
Евгений Леденёв
Тестирую форму(jest+enzyme). Почему после эмуляции события на inputLogin в нем нет нужного класса, а когда тот же элемент повторно находим в component то на нем есть нужный класс?
а если сравнить component.find('input[name="login"]") === inputLogin?
сначала до манипуляций, чтобы убедиться что возвращается один и тот же объект. и после манипуляций.

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

TK

Taras Karpyn in React — русскоговорящее сообщество
Bogdan
или я дичь делаю?)
Можно же свитч заюзать, шо так страшно
источник

B

Bogdan in React — русскоговорящее сообщество
Stanislav
дичь конечно, но тут есть способ это норм сделать, просто лично я не хотел бы за вас код писать
я бы тоже не хотел, что вы за меня код писали) если есть какие-то мысли - черкните пару слов, буду благодарен...а дальше я сам )
источник

B

Bogdan in React — русскоговорящее сообщество
Taras Karpyn
Можно же свитч заюзать, шо так страшно
да это понятно ... но от этого говнокод не перестанет быть таковым, я про общий подход к задаче
источник

S

Stanislav in React — русскоговорящее сообщество
источник

S

Stanislav in React — русскоговорящее сообщество
Bogdan
я бы тоже не хотел, что вы за меня код писали) если есть какие-то мысли - черкните пару слов, буду благодарен...а дальше я сам )
сделать if elem.type === undefined выше уровнем чтобы в каждом ифе не писать для начала
источник

1

1N54N3 in React — русскоговорящее сообщество
ЧТо делать если такой код не помогает убрать ворнинг
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
и стоит ли обращать на него внимание?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Bogdan
изначально я c headless wordpress получаю статьи в HTML строках, потом конвертирую в дерево React-элементов и в зависимости от типа элемента хочу раскидывать их по компонентам, чтобы стилизировать, добавить логики и т.п.
Мне кажется именно такие проблемы испытывал человек скрещивающий ужа с ежом...
источник

B

Bogdan in React — русскоговорящее сообщество
Stanislav
сделать if elem.type === undefined выше уровнем чтобы в каждом ифе не писать для начала
спасибо
источник

AE

Alexey Ermakov in React — русскоговорящее сообщество
1N54N3
ЧТо делать если такой код не помогает убрать ворнинг
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
и стоит ли обращать на него внимание?
не делать в компонентах ничего, что может пережить компонент
источник

IV

Ievgen Vyshnevskyi in React — русскоговорящее сообщество
подскажите куда копать. обновляю либу с компонентами и есть 1 компонент - Icon. он юзает кучу svg. сейчас есть желание выкинуть из бандла либы все svg и грузить их по урле.
но есть пару вопросов:
1. как я понимаю, для иконок надо поднять nginx?
2. насколько ок, что я каждый раз буду лезть на сервак за иконкой?
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
1N54N3
ЧТо делать если такой код не помогает убрать ворнинг
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
и стоит ли обращать на него внимание?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
1N54N3
ЧТо делать если такой код не помогает убрать ворнинг
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
и стоит ли обращать на него внимание?
Стоит.
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Да там больше трабл в том что сетстейт у него в таймауте
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
Dmitriy Shuleshov
Да там больше трабл в том что сетстейт у него в таймауте
ну вроде в том ответе на стаке и предлагается использовать abortController. Ну в этом случае полагаю clearTimeout ещё
источник