জয়েন লগইন

রিয়েক্ট useInsertionEffect

🌈রিয়েক্ট useInsertionEffect কি?

📋রিয়েক্ট useInsertionEffect হলো লেআউট ইফেক্ট চালানোর আগে CSS ইনজেক্ট করার পদ্ধতি।

⚒️রিয়েক্ট useInsertionEffect লেআউট ইফেক্ট চালানোর আগে CSS ইনজেক্ট করতে ব্যবহৃত হয়।

রিয়েক্ট useInsertionEffect লেআউট ইফেক্ট চালানোর আগে CSS ইনজেক্ট করার উদাহরণ।

react
import {createRoot} from "react-dom/client";
import React, {useInsertionEffect} from "react";

function App() {
  useInsertionEffect(() => {
    const style = document.createElement("style");
    style.textContent = ".title {color: red}";
    document.head.appendChild(style);

    return () => style.remove();
  }, []);

  return <h1 className="title">প্রোগ্রামিং শিখুন</h1>;
}

createRoot(
  document.getElementById("root")
).render(<App/>);