/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 vote240 views1 answer
Svg as a component react
Javascript React
0 vote287 views1 answer
How to change a react link icon when you send the link as message in whatsapp
Javascript React
0 vote232 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
0 vote313 views1 answer
How to set the id attr to a var in reactjs
Javascript React
0 vote240 views2 answers
React date picker disable past dates
Javascript React
14 votes238 views2 answers
React router link with params
Javascript React
0 vote226 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
3 votes237 views2 answers
React link without underline
Javascript React
0 vote226 views1 answer
Too many open files react native
Javascript React
0 vote243 views1 answer
Formdata append react js
Javascript React