useFirstMountState

React state hook that returns true if component is just mounted

Usage

Live Editor

function Demo() {
  const isFirstMount = useFirstMountState();
  const [render, reRender] = useState(0);

  return (
    <div>
      <span>This component is just mounted: {isFirstMount ? "YES" : "NO"}</span>
      <br />
      <button onClick={() => reRender(1)}>{render}</button>
    </div>
  );
};

Result

Loading...

API

useFirstMountState

Returns

boolean

Arguments