Создание CSS для рендеринга на стороне сервера в React - Material-UI - PullRequest
Новая
       6

Создание CSS для рендеринга на стороне сервера в React - Material-UI

0 голосов
/ 20 сентября 2018

Я пытаюсь сгенерировать CSS для рендеринга на стороне сервера в соответствии с Пользовательский интерфейс материала - Рендеринг сервера

Я использую React on Rails с PHP ( React Bundle ) Есть ли другой способ генерировать CSS?В документации мы предоставляем весь контент в одном запросе в JS.В моем случае я должен предоставить компонент для ветки и далее отдельно CSS.Есть ли другие способы?

1 Ответ

0 голосов
/ 11 мая 2019

Полагаю, вы можете передать CSS с html-шаблоном клиенту, как я делал то же самое в одном из моих проектов. 

const cssStyleTage = extractCSSFromMaterialUIServerSideAPI();
const componentStream = someHtmlConten;

const html = `
  <!doctype html>
    <html>
    <head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      ${cssStyleTage}
    </head>
    <body>
        <div id="root">
            ${componentStream}
        </div>
    </body>
    </html>`;

// pass it to client, this you can open in any iframe at client side.
res.status(200).send(html);

// or otherwise just send the css styles separately.
res.status(200).send({
  cssStyleTags: cssStyleTage,
  html: componentStream
});

Я просто даю представление о том, как это можно сделать.сделано, если это может помочь вам в достижении вашей задачи.

...