renderToStaticMarkup
renderToStaticMarkup
একটি নন-ইন্টার্যাক্টিভ React ট্রি কে একটি HTML স্ট্রিং এ রেন্ডার করে।
const html = renderToStaticMarkup(reactNode, options?)
রেফারেন্স
renderToStaticMarkup(reactNode, options?)
সার্ভারে, আপনার অ্যাপটি 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 যে স্ট্রিং প্রিফিক্স ব্যবহার করে। একই পেইজে একাধিক রুট ব্যবহার করলে কনফ্লিক্ট এড়াতে এটা কাজে লাগে।
- optional
রিটার্ন
একটি 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 আউটপুট তৈরি করবে।