/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 vote395 views1 answer
React native get current time
Javascript React
1 vote448 views3 answers
React toggle state
Javascript React
0 vote391 views1 answer
React cam filters
Javascript React
0 vote429 views1 answer
Opening a link in another tab in react
Javascript React
0 vote390 views1 answer
Background image in react from variable
Javascript React
1 vote417 views1 answer
React get input value on button click functional component
Javascript React
19 votes332 views10 answers
'Switch' is not exported from 'react-router-dom'. ch warning.
Javascript React
0 vote374 views1 answer
Get LocalStorage from WebView react native
Javascript React
0 vote382 views1 answer
Change navigation animation react native
Javascript React
9 votes389 views6 answers
How to check react version
Javascript React