score:0

you can create a state variable with usestate and use it to show the menu in sub-product.

for example,

import react, { usestate } from "react";

export default function showlabelhover() {
  const [visiblemenu, setvisiblemenu] = usestate({ display: "none" });
  const style = {
    border: "1px solid gray",
    width: 200,
    height: 50,
    padding: 10,
    margin: 100
  };

  return (
    <div classname="app">
      <div
        style={style}
        onmouseenter={(e) => {
          setvisiblemenu({ display: "block" });
        }}
        onmouseleave={(e) => {
          setvisiblemenu({ display: "none" });
        }}
      >
        <label style={visiblemenu}>here is some text!</label>
      </div>
    </div>
  );
}

Related Query

More Query from same tag