Modify Ref in Render Phase

modifyRefInRenderPhase.js

import React, { useRef } from "react";

const RenderCounter = () => {
  const counter = useRef(0);
    // "Render phase" မှာ ref ရဲ့ value ကို update လုပ်မယ်ဆိုရင်
    // အဲဒီ value က တစ်ကြိမ်ထက်မက increment လုပ်နိုင်ပါတယ်။
   counter.current = counter.current + 1;
  
    return (
      <h1>{`The component has been re-rendered ${counter} times`}</h1>
    );
 };