How can I display a pop-up container when I click on a button using react. I am creating a find me page and I'd like to display a popup specific to the options I select using react

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;