Kentavr16
@Kentavr16
long cold winter

Почему в клиентском компоненте задержка в отрисовке стилей?

есть некий серверный компонент -
const Forum = async () => {
  const data: ITagData[] = await getForumTags();
  const linksTreeData: TreeDataNode[] = data.map((tag) => ({
    title: tag.tag,
    key: tag.tag,
    children: tag.ForumThemes.map((forumTheme) => ({
      title: (
        <a href={"http://localhost:3000/forum/" + forumTheme.theme}>
          {forumTheme.theme}
        </a>
      ),
      key: forumTheme.id,
    })),
  }));

  return (
    <div className="text-white border-r border-white w-[30%] h-full p-4">
      <Tree defaultExpandAll treeData={linksTreeData} /> //ant design компонент
    </div>
  );
};
Проблема в том, что данные в нем обрабатываются мгновенно, но отображение хромает. Изначально появляется список без стилей, и лишь через полсекунды отрисовывается компонент дерева из ant design. Suspense мне не поможет, полагаю, так как данные-то приходят моментально. Что я упустил?
Использую tailwind+ant Design.
  • Вопрос задан
  • 22 просмотра
Решения вопроса 1
Kentavr16
@Kentavr16 Автор вопроса
long cold winter
Как обычно бывает, нужно внимательно читать доку. Ответ крылся в документации ант дизайна, видимо кешируют в контекст свои стили.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы