/Javascript/React/Show and hide div based on radio button click react

Show and hide div based on radio button click react

import React from "react";

function Radio () {
  const [status, setStatus] = React.useState(0) // 0: no show, 1: show yes, 2: show no.

  const radioHandler = (status) => {
    setStatus(status);
  };

  return (
    <>
      <input type="radio" name="release" checked={status === 1} onClick={(e) => radioHandler(1)} />
      <input type="radio" name="release" checked={status === 2} onClick={(e) => radioHandler(2)} />
      {status === 1 && drawYesContent()}
      {status === 2 && drawNoContent()}
    </>
  );
}

export default Radio;

Source: stackoverflow.com

Similar codes

0 vote192 views1 answer
React native panresponder on click
Javascript React
0 vote178 views1 answer
React custom hook refetch data
Javascript React
0 vote217 views1 answer
React throttle render
Javascript React
1 vote232 views1 answer
Java.lang.outofmemoryerror (no error message) react native
Javascript React
0 vote184 views3 answers
How to get svg from pucblic folder in react
Javascript React
31 votes193 views3 answers
React mui icons
Javascript React
-2 votes190 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
0 vote180 views2 answers
React typical
Javascript React
64 votes213 views7 answers
React router
Javascript React
11 votes203 views4 answers
Prototype react
Javascript React