/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

20 votes205 views6 answers
Build apk react native
Javascript React
38 votes252 views2 answers
How to write a comment in react js
Javascript React
1 vote214 views1 answer
Lazy loading pagination react npm
Javascript React
38 votes197 views4 answers
Useref in react hooks
Javascript React
-1 vote204 views3 answers
Instalar react native paper
Javascript React
0 vote223 views1 answer
My vscode does not recognize react code syntax
Javascript React
0 vote249 views1 answer
Create a link in react js to download xcelfile
Javascript React
0 vote199 views1 answer
Check scroll top height in react js
Javascript React
5 votes197 views1 answer
Laravel react
Javascript React
0 vote184 views1 answer
Why doesn't'$' work in react
Javascript React