/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 vote233 views1 answer
How to get domain name in react
Javascript React
14 votes144 views1 answer
Change checkbox value react
Javascript React
1 vote198 views1 answer
React-redux imports
Javascript React
0 vote194 views1 answer
Chromepicker react-color not working
Javascript React
0 vote189 views1 answer
Key being passed as prop react
Javascript React
23 votes233 views6 answers
React hooks useeffect
Javascript React
17 votes209 views3 answers
React router url params
Javascript React
0 vote262 views1 answer
React native load function each time visit screen
Javascript React
1 vote200 views1 answer
React native environment variables
Javascript React
0 vote188 views1 answer
Display image from local JSON / JS Object using React
Javascript React