/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 vote146 views1 answer
Ant design not working in react js
Javascript React
2 votes137 views1 answer
React setupproxy
Javascript React
0 vote150 views2 answers
Editable pre input react
Javascript React
0 vote148 views1 answer
Reactjs alert
Javascript React
0 vote151 views1 answer
How to redirect a form to another page when we submitted a form in react js
Javascript React
0 vote156 views1 answer
How to change grid size with conditional expression in react
Javascript React
1 vote150 views1 answer
React redux actions must be plain objects
Javascript React
1 vote178 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React
1 vote363 views1 answer
Double matrix iteration in react
Javascript React
1 vote159 views1 answer
Axios upload progress react
Javascript React