/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

10 votes107 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
0 vote105 views1 answer
Change module name react native android studio
Javascript React
4 votes101 views4 answers
React native android safeareaview
Javascript React
0 vote140 views1 answer
Custom login with facebook button react native
Javascript React
13 votes95 views1 answer
React making post request
Javascript React
0 vote108 views1 answer
React-metismenu-router-link
Javascript React
0 vote120 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
0 vote104 views1 answer
React native set default ios simulator
Javascript React
1 vote55 views1 answer
Add class to react children
Javascript React
5 votes111 views1 answer
Switch was not found in 'react-router-dom'
Javascript React