Стилизованные компоненты и рендеринг на стороне сервера SSR и createGlobalStyle - PullRequest
0 голосов
/ 31 октября 2019

В 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() метод?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...