/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

9 votes135 views2 answers
React native hide yellow box
Javascript React
11 votes133 views3 answers
React native text ellipsis
Javascript React
2 votes124 views1 answer
How to align text inside react component
Javascript React
0 vote156 views1 answer
Close all function of react in vscode mac
Javascript React
0 vote146 views1 answer
Ab mob react native expo
Javascript React
0 vote135 views1 answer
React computed example
Javascript React
9 votes144 views3 answers
Shadowoffset react native constructor
Javascript React
0 vote152 views1 answer
My env.local file not working in my react app usind mac
Javascript React
25 votes150 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
66 votes123 views4 answers
How to redirect to a website in react
Javascript React