/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

4 votes313 views2 answers
React checking matches in state array
Javascript React
0 vote319 views2 answers
Airbnb react native eslint
Javascript React
0 vote348 views2 answers
Get selected value on componentdidmount reactjs
Javascript React
4 votes305 views1 answer
Pass parameter to handleclick react
Javascript React
91 votes399 views7 answers
React-router-dom
Javascript React
0 vote315 views1 answer
React open a link to an outside siite
Javascript React
0 vote325 views1 answer
Pause console debugger in react
Javascript React
0 vote368 views1 answer
React sticky hook
Javascript React
1 vote371 views1 answer
React native textinput not show cursor
Javascript React
0 vote349 views1 answer
@types react-router-dom
Javascript React