/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

3 votes215 views2 answers
React get data attribute from element
Javascript React
0 vote226 views1 answer
React hero slider
Javascript React
0 vote215 views1 answer
Javascript ReactDOM.render
Javascript React
10 votes213 views3 answers
Query string in react js
Javascript React
0 vote198 views1 answer
Create react portal
Javascript React
0 vote219 views2 answers
React js big calendar
Javascript React
0 vote362 views1 answer
How to place text over image in react
Javascript React
7 votes182 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote247 views1 answer
@tippyjs/react
Javascript React
0 vote228 views1 answer
How to get css property of div after rendering in react js
Javascript React