/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

1 vote142 views3 answers
React native SafeAreaView
Javascript React
1 vote143 views2 answers
Switch in react
Javascript React
1 vote134 views1 answer
Three.js react
Javascript React
1 vote143 views1 answer
Rich editor react
Javascript React
0 vote141 views1 answer
Use of parse in react
Javascript React
13 votes138 views3 answers
Enable emmet vscode react
Javascript React
48 votes141 views1 answer
Emmet not working react js
Javascript React
0 vote148 views1 answer
Truncate function react
Javascript React
0 vote174 views1 answer
How to add abutton component to drawer in react native
Javascript React
0 vote139 views1 answer
How to give radius to imagebackground in react native
Javascript React