/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 vote121 views1 answer
How to set max length of input in react js
Javascript React
0 vote108 views1 answer
React js date ago
Javascript React
0 vote112 views1 answer
React fetch request with content type x-www-form-urlencoded
Javascript React
1 vote105 views1 answer
React why onclick property function trigger without click
Javascript React
0 vote126 views1 answer
How to use elements of 'react-router-dom'
Javascript React
0 vote106 views1 answer
React native use route undefined
Javascript React
0 vote203 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote124 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
0 vote121 views1 answer
How to use mdbreact in react js
Javascript React
0 vote122 views1 answer
React scrip for deplot heroku
Javascript React