В styled-components
DOCs мы получаем, что:
Рендеринг на стороне сервера v2 +
styled-components поддерживает параллельный рендеринг на стороне сервера с регидратацией таблиц стилей,Основная идея заключается в том, что каждый раз, когда вы визуализируете свое приложение на сервере, вы можете создать ServerStyleSheet и добавить провайдера в дерево React, которое принимает стили через контекстный API.
Это не мешает с глобальными стилями, такими как ключевые кадры или createGlobalStyle , и позволяет использовать стилевые компоненты с различными API-интерфейсами SSR React DOM.
Что это значит под словом "не понимает"не мешать createGlobalStyle "?
const GlobalStyle = createGlobalStyle`
${resetCSS}
${baseCSS}
`;
const sheet = new ServerStyleSheet();
const body = renderToString(sheet.collectStyles(
<Router>
<GlobalStyle/>
<Header/>
<Main/>
<Footer/>
</Router>
));
Вопрос
Будут ли глобальные стили, созданные с createGlobalStyle
и вставленные с <GlobalStyle/>
, собраны sheet.collectStyles()
метод?