/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 vote119 views1 answer
React.createElement pass props
Javascript React
2 votes130 views2 answers
Update specific properties of an object react spread operator
Javascript React
2 votes144 views2 answers
React native open gmail app
Javascript React
0 vote124 views1 answer
React native update app from play store ios app store
Javascript React
7 votes117 views2 answers
Insert a line break into a text component in react-native
Javascript React
-1 vote130 views1 answer
How to load the images from the website dynamically in react
Javascript React
0 vote151 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
0 vote339 views1 answer
React native multiline cursor on first line
Javascript React
4 votes133 views2 answers
Entypo icons react native
Javascript React
0 vote127 views1 answer
Run react android
Javascript React