renderToStaticMarkup

const html = renderToStaticMarkup(reactNode, options?)

• Reference
  • renderToStaticMarkup(reactNode, options?)
• Usage
  • Interactive அல்லாத React tree-ஐ HTML string ஆக render செய்தல்

Reference

renderToStaticMarkup(reactNode, options?)

Server-இல், உங்கள் app-ஐ HTML ஆக render செய்ய renderToStaticMarkup-ஐ அழைக்கவும்.

import { renderToStaticMarkup } from 'react-dom/server';

const html = renderToStaticMarkup(<Page />);

இது உங்கள் React components-க்கான interactive அல்லாத HTML output-ஐ உருவாக்கும்.

மேலும் உதாரணங்களை கீழே பார்க்கவும்.

Parameters

• reactNode: HTML ஆக render செய்ய விரும்பும் React node. உதாரணமாக, <Page /> போன்ற JSX node.
• optional options: Server render-க்கான object.
  • optional identifierPrefix: useId மூலம் உருவாக்கப்படும் ID-களுக்கு React பயன்படுத்தும் string prefix. ஒரே பக்கத்தில் பல roots பயன்படுத்தும்போது conflicts தவிர்க்க உதவும்.

Returns

ஒரு HTML string.

Caveats

• renderToStaticMarkup output-ஐ hydrate செய்ய முடியாது.

• renderToStaticMarkup-க்கு வரம்புடைய Suspense ஆதரவு உள்ளது. ஒரு component suspend செய்தால், renderToStaticMarkup உடனே அதன் fallback-ஐ HTML ஆக அனுப்பும்.

• renderToStaticMarkup browser-இல் வேலை செய்கிறது, ஆனால் client code-இல் அதை பயன்படுத்த பரிந்துரைக்கப்படவில்லை. Browser-இல் component ஒன்றை HTML ஆக render செய்ய வேண்டுமெனில், அதை DOM node ஒன்றுக்குள் render செய்து HTML-ஐப் பெறுங்கள்.

Usage

Interactive அல்லாத React tree-ஐ HTML string ஆக render செய்தல்

உங்கள் server response-உடன் அனுப்பக்கூடிய HTML string ஆக app-ஐ render செய்ய renderToStaticMarkup-ஐ அழைக்கவும்:

import { renderToStaticMarkup } from 'react-dom/server';

// Route handler syntax உங்கள் backend framework-ஐப் பொறுத்தது
app.use('/', (request, response) => {
  const html = renderToStaticMarkup(<Page />);
  response.send(html);
});

இது உங்கள் React components-க்கான தொடக்க interactive அல்லாத HTML output-ஐ உருவாக்கும்.