/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 vote264 views1 answer
React native onpress show component
Javascript React
0 vote292 views2 answers
Textarea react native
Javascript React
0 vote321 views1 answer
Create-react-app enviroment variables
Javascript React
4 votes308 views1 answer
Open a new tab when clicking on a link react
Javascript React
0 vote316 views1 answer
React native open simulators list
Javascript React
0 vote283 views1 answer
React native map not loading
Javascript React
0 vote304 views1 answer
Button size react native
Javascript React
0 vote312 views1 answer
Antd react native
Javascript React
15 votes338 views3 answers
Create react app and tailwind
Javascript React
0 vote320 views1 answer
Get call log in react native android
Javascript React