/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 vote414 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
0 vote395 views1 answer
React native uid
Javascript React
0 vote486 views1 answer
How to prevent clickjacking in react js
Javascript React
18 votes374 views1 answer
Get specific characters from state variable reactjs
Javascript React
0 vote383 views2 answers
.env file example react native
Javascript React
0 vote381 views1 answer
What difference between react func and class components
Javascript React
0 vote368 views1 answer
Text and icon on same line react native
Javascript React
0 vote365 views1 answer
Fcctest cdn reactjs setup
Javascript React
0 vote362 views1 answer
React router v6 lazy suspense
Javascript React
2 votes371 views1 answer
React onclick type
Javascript React