renderToStaticMarkup

const html = renderToStaticMarkup(reactNode)

• রেফারেন্স
  • renderToStaticMarkup(reactNode)
• ব্যবহার
  • একটি নন-ইন্টার‍্যাক্টিভ React ট্রি কে HTML হিসেবে একটি স্ট্রিং এ রেন্ডার করা

রেফারেন্স

renderToStaticMarkup(reactNode)

সার্ভারে, আপনার অ্যাপটি HTML এ রেন্ডার করার জন্য কল করুন renderToStaticMarkup।

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

const html = renderToStaticMarkup(<Page />);

এটা আপনার React কম্পোনেন্টের নন-ইন্টার‍্যাক্টিভ HTML আউটপুট তৈরি করবে।

নিচে আরো উদাহরণ দেখুন।

প্যারামিটার

• reactNode: একটা React নোড যা আপনি HTML এ রেন্ডার করতে চান। উদাহরণস্বরূপ, <Page /> এর মত একটি JSX নোড।
• optional options: সার্ভার রেন্ডারের জন্য একটি অবজেক্ট।
  • optional identifierPrefix: useId দিয়ে বানানো ID এর জন্য React যে স্ট্রিং প্রিফিক্স ব্যবহার করে। একই পেইজে একাধিক রুট ব্যবহার করলে কনফ্লিক্ট এড়াতে এটা কাজে লাগে।

রিটার্ন

একটি HTML স্ট্রিং।

সতর্কতা

• renderToStaticMarkup এর আউটপুটকে hydrate করা যায় না।

• renderToStaticMarkup সীমাবদ্ধভাবে suspense সাপোর্ট করে। যদি একটি কম্পোনেন্ট suspend করে, renderToStaticMarkup তৎক্ষণাৎ এর ফলব্যাক HTML হিসেবে পাঠিয়ে দেয়।

• renderToStaticMarkup ব্রাউজারে কাজ করে, কিন্তু একে ক্লায়েন্ট কোডে ব্যবহার না করার পরামর্শ দেওয়া হয়। আপনার যদি ব্রাউজারে একটি কম্পোনেন্ট HTML এ রেন্ডার করার প্রয়োজন হয়, HTML কোডটিকে একটি DOM নোডে রেন্ডার করুন।

ব্যবহার

একটি নন-ইন্টার‍্যাক্টিভ React ট্রি কে HTML হিসেবে একটি স্ট্রিং এ রেন্ডার করা

আপনার অ্যাপটি একটি HTML স্ট্রিং এ রেন্ডার করার জন্য renderToStaticMarkup কল করুন যেটা আপনি আপনার সার্ভার রেসপন্সের সাথে পাঠাতে পারবেনঃ

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

// Route handler syntax আপনার ব্যাকেন্ড ফ্রেমওয়ার্কের উপর নির্ভর করবে
app.use('/', (request, response) => {
  const html = renderToStaticMarkup(<Page />);
  response.send(html);
});

এটা আপনার React কম্পোনেন্টের প্রাথমিক নন-ইন্টার‍্যাক্টিভ HTML আউটপুট তৈরি করবে।