Answers for "hide - render a component in react"

1

How to hide component in React

import React, { useState } from 'react';

const Component = () => {
  const [show, setShow] = useState(false);
  return(
    <>
      <button onClick={() => setShow(prev => !prev)}>Click</button>
      {show && <Box>This is your component</Box>}
    </>
  );
}

export default Component
Posted by: Guest on August-30-2021

Code answers related to "hide - render a component in react"

Browse Popular Code Answers by Language