¿Cómo puedo mostrar un contenedor emergente cuando hago clic en un botón usando reaccionar. Estoy creando una página Encuéntrame y me gustaría mostrar una ventana emergente específica para las opciones que selecciono usando reaccionar

 import React from 'react'; import { SubHeading } from '../../components' import { images } from '../../constants' import './FindUs.css' import Select from 'react-select'; const options = [ { value: 'lagos', label: 'Lagos' }, { value: 'kwara', label: 'Kwara' }, { value: 'abuja', label: 'Abuja' }, { value: 'imo', label: 'Imo' }, { value: 'kano', label: 'Kano' }, ] const FindUs = () => ( <div className="app__findus flex__center section__padding"> <div className="app__findus-text"> <h1 className="headtext__cormorant"> Enjoy tasty meal wherever you are... </h1> <SubHeading title="Find us" /> <div className="app__findus-dropdown"> <Select options={options} placeholder="Select state" /> <button className="custom__button"> View Outlets </button> </div> </div> <div className="app__findus-img"> <img src={images.side} alt="side" /> </div> </div> ); export default FindUs;