/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

9 votes113 views5 answers
How to add array data on state react
Javascript React
16 votes123 views6 answers
React useState hook
Javascript React
-1 vote116 views2 answers
Toggle on button click in react js functional component
Javascript React
0 vote127 views1 answer
React-native firebase v9+ config
Javascript React
0 vote118 views1 answer
React download file from express res.download
Javascript React
0 vote128 views1 answer
Formdata append react js
Javascript React
18 votes120 views4 answers
React for loop in render
Javascript React
6 votes125 views2 answers
React native password field
Javascript React
0 vote125 views1 answer
Add active class to button onclick react
Javascript React
0 vote119 views1 answer
React interactions
Javascript React