/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 vote337 views1 answer
Update an object key value in state react
Javascript React
0 vote285 views1 answer
How to hide footer in specefic pages in react router
Javascript React
0 vote314 views1 answer
Yarn react select
Javascript React
0 vote342 views4 answers
Create a virtual reality website using react js
Javascript React
0 vote306 views1 answer
Ios react native detect locale
Javascript React
10 votes313 views1 answer
Device height react native
Javascript React
0 vote320 views2 answers
React write into json file
Javascript React
0 vote317 views1 answer
How to link t settings react native ios
Javascript React
0 vote343 views5 answers
How to use paystack with react
Javascript React
0 vote373 views1 answer
React unfocus check
Javascript React