/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 vote228 views3 answers
Add webpack to react project
Javascript React
0 vote227 views1 answer
How to replace strings with react components
Javascript React
1 vote338 views1 answer
Reactjs cdn file
Javascript React
0 vote200 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote252 views1 answer
React router redirect with query params
Javascript React
1 vote246 views1 answer
Cleartimeout react
Javascript React
0 vote223 views1 answer
React router remove location state on refresh
Javascript React
0 vote194 views1 answer
React time input
Javascript React
1 vote271 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
7 votes214 views4 answers
React native update state array of objects
Javascript React