show and hide div based on radio button click react

Clumsy Capuchin answered on September 21, 2021 Popularity 8/10 Helpfulness 4/10

answer show and hide div based on radio button click react

show and hide div based on radio button click react

Comment

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;

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: click hide javascript radio-button show

Link to this answer
Share Copy Link

Contributed on Sep 21 2021

Clumsy Capuchin

0 Answers Avg Quality 2/10

show and hide div based on radio button click react

Contents

More Related Answers

show and hide div based on radio button click react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.