Hide Ionic React button on click

Issue

How do I hide this Ionic React button 'Submit' on clicking itself?

    <IonButton
        size="large"
        color="primary"
        expand="full"
        onClick={() => {
          showOptionCardDisplay();
        }}
      >
        Submit
      </IonButton>

Solution

You can use Hooks:useRef to attach the button. Then you can do whatever to it. For example in this case set an attribute like "hidden" to "true".

const btnref = useRef<HTMLIonButtonElement>(null);

...

<IonButton
 size="large"
 color="primary"
 expand="full"
 ref={btnref}
 onClick={() => { setIsShowBtn(false); btnref.current?.setAttribute("hidden","true");}}
 shape="round"
 >
  Submit
</IonButton>

Answered By - Ahmad Tadi