জয়েন লগইন

রিয়েক্ট mouseMove

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

📋রিয়েক্ট mouseMove হলো মাউস সরালে স্ক্রিপ্ট কার্যকর করার পদ্ধতি।

⚒️রিয়েক্ট mouseMove মাউস সরালে স্ক্রিপ্ট কার্যকর করতে ব্যবহৃত হয়।

রিয়েক্ট mouseMove মাউস সরালে স্ক্রিপ্ট কার্যকর করার উদাহরণ।

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

function App() {
  const [message, setMessage] = useState("");

  return (
    <>
      <div
        onMouseMove={() => setMessage("mouse moving")}
        style={{
          padding: "40px",
          border: "1px solid black"
        }}
      >
        মাউস এখানে নিয়ে আসুন
      </div>

      <p>{message}</p>
    </>
  );
}

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