/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

1 vote211 views1 answer
React native image border radius not working
Javascript React
29 votes221 views6 answers
React background image
Javascript React
32 votes230 views1 answer
React roouter dom
Javascript React
25 votes235 views6 answers
React native shadow android
Javascript React
1 vote216 views1 answer
Image source not working react
Javascript React
1 vote220 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
5 votes224 views3 answers
Open in a new tab react
Javascript React
1 vote253 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
0 vote239 views1 answer
Localhost server in react native
Javascript React
1 vote229 views1 answer
How to change the tab text in React
Javascript React