Описание тега react-dom-server

Пакет response-dom/server позволяет отображать компоненты на сервере.
0 ответов

Перенаправление React-Router через сервер

Поэтому я работаю над сайтом, который хочет ссылки по следующему пути: localhost:3000/visit/:name Для перенаправления на внешний URL-адрес, например, google.com?affiliateID=2. Редирект должен быть nofollow с кодом состояния 307. Приложение универсал…
04 авг '16 в 16:32
2 ответа

Рендеринг на стороне сервера с React со случайно сгенерированной строкой?

Я впервые пытаюсь выполнить рендеринг на стороне сервера в своем приложении React/Redux. Проблема, с которой я сталкиваюсь сейчас, заключается в том, что мне нужно, чтобы начальное состояние имело случайно сгенерированную строку, а затем передавало …
0 ответов

Маршрутизация и рендеринг компонентов React на стороне сервера

Мне очень трудно понять, что нам нужно сделать, чтобы сделать React изоморфной. Я следую некоторым урокам, и вот что у меня сейчас: Я создал server.js файл, который запускает сервер Express Я создал router.js файл, в котором я создал объект Express …
0 ответов

Динамически добавлять несколько iframe без изменения содержимого в реакции

Я создал реагирующий компонент, который содержит < iframe src="..something.."> Я хочу добавить этот компонент динамически в компонент, но каждый раз, когда я его добавляю, содержимое iframe сбрасывается без загрузки страницы! Как я могу добави…
14 дек '17 в 23:21
1 ответ

Как отключить ReactDOMServer.renderToStaticMarkup для встраивания небольших изображений?

Приложение My React в настоящее время использует ReactDOMServer.renderToStaticMarkup генерировать электронные письма HTML. У меня проблема с ReactDOMServer.renderToStaticMarkup заключается в том, что он преобразует небольшие изображения (до 12 КБ) и…
0 ответов

Рендеринг на стороне сервера React (ошибка renderToString): окно не определено

Вот метод рендеринга: const makeUniversalHTML = (req, res, preloadedState) => { const App = require('../../client/App') const store = configureStore(preloadedState) const context = {} const html = renderToString( <App store={store} Router={Sta…
02 июн '18 в 18:40
1 ответ

Как сделать снимок экрана с компонента React, не монтируя его в DOM?

Мой пример использования: у меня есть редактор веб-сайта и список доступных веб-страниц для пользователей. Каждая страница в этом списке представлена ​​миниатюрой. Каждый раз, когда пользователь вносит изменения в страницу с помощью редактора, эскиз…
29 янв '19 в 22:05
0 ответов

Рендеринг на стороне сервера с React - не совсем понятно, нужны ли нам шаблоны или нет

Я смотрел на этот проект https://github.com/DavidWells/isomorphic-react-example Я открыл этот выпуск https://github.com/DavidWells/isomorphic-react-example/issues/25 Нужно ли нам по-прежнему использовать файлы шаблонов HTML? ... или мы можем просто …
1 ответ

Как загрузить реагирующий компонент динамически, используя require с babel-register

Я использую babel-register для использования классов ES6 в среде узлов и хочу динамически загружать и визуализировать компонент React, используя require (file_path) с ReactDomServer, но он показывает мне следующую ошибку: "Нарушение инварианта: rend…
1 ответ

Определить, когда загружается реагирующее изображение

У меня есть компонент React для рендеринга настроенных изображений. В упрощенном виде это выглядит так: function MyImage(props) { return <img src={props.src} onLoad={props.onLoad} /> } Веб-страница предоставлена ​​сервером ReactDOMServer и &lt…
06 сен '17 в 21:31
0 ответов

Как я могу исправить нарушение инварианта при использовании реакции-dom-сервера с реагировать-маршрутизатор-дом?

Когда я запустил приложение без использования renderToString () в React-dom/server, приложение работало без проблем. Затем, когда я использовал renderToString(), я получил инвариантное нарушение. Я провел некоторое исследование и обнаружил, что долж…
04 июл '18 в 03:01
3 ответа

Будет ли ReactDOM.hydrate() запускать методы жизненного цикла на клиенте?

Из Реакции 16 документов о ReactDOM.hydrate(), То же, что и render(), но используется для увлажнения контейнера, содержимое HTML которого было обработано ReactDOMServer. React попытается присоединить прослушиватели событий к существующей разметке. Б…
09 ноя '17 в 13:09
1 ответ

Рендеринг макета в HTML

Я хочу получить строковое представление HTML моего представления Maquette, чтобы преобразовать его в статический HTML-файл. React имеет ReactDOMServer.renderToString. Есть ли подобный метод для V-узлов Maquette?
3 ответа

Простая маршрутизация сервера / клиента-экспресс (nodejs)

App.js имеет ссылку на - я не понимаю, если мне нужны создатели действий / редукторы? если так, как связать это с рендерингом на стороне сервера? В основном при загрузке otherComponent - следует выполнить вызов API из server.js по пути и ввести отве…
0 ответов

Как использовать реагирующий маршрутизатор, реагировать и веб-пакет вместе для рендеринга на стороне сервера?

Я попытался понять, как рендерить React на стороне сервера. Я использую webpack для создания JS-пакета для клиента. Я нашел этот вопрос здесь, серверная часть (мой app.js) выглядит так: //...other express configuration const routes = require('../jsx…
0 ответов

Лучший способ улучшить рендеринг на стороне сервера React, избегая проверок NODE_ENV

Я использую require('babel-register'), чтобы разрешить ES6 в node.js, и выполняю рендеринг моих компонентов реакции на стороне сервера. В этом выступлении (начало около 7:14) https://youtu.be/PnpfGy7q96U?t=7m14s Одна из главных рекомендаций по повыш…
2 ответа

Есть ли способ выполнить рендеринг SVG-графики на сервере с помощью React?

Я использую Highcharts и React для проекта и мне нужно поддерживать рендеринг на стороне сервера для сгенерированного SVG. Может кто-нибудь предложить способ сделать это так, чтобы я получал статическую визуализированную страницу с изображениями в ф…
2 ответа

Реагировать на изоморфный компонент как на стороне клиента, так и на стороне сервера.

Я хочу создать реагирующее приложение как на стороне клиента, так и на стороне сервера. Вот пример: import styles from './Main.css'; import React, {Component} from 'react'; import Info from './Info/Info'; import Record from './Record/Record' export …
1 ответ

Uncaught ReferenceError: ReactDOMServer не определен

Привет всем, я работаю над веб-проектом Java, использующим реагирование и jquery для рендеринга динамических веб-страниц. Поэтому я хотел использовать функцию ReactDOMServer.renderToStaticMarkup (element) для извлечения html-узлов, связанных с html-…
24 июл '18 в 16:22
0 ответов

Ошибка при импорте SCSS в компонент React, отображаемый с использованием HtmlWebpackPlugin

Мы бы хотели визуализировать один из наших компонентов React в статический HTML, поэтому он находится в файле index.html, возвращаемом сервером. Вместо того, чтобы делать код во время запуска сервера, мы бы предпочли, чтобы HtmlWebpackPlugin рендери…