How to do it...

Using the last recipe's code, we are going to add a basic popup to display information about the person that we registered in the form:

  1. Open your App.jsx file and import the Popup object from react-popup. For now, we are going to import Popup.css (the code is too large to put it in here, but you can copy and paste the CSS demo code from the code repository for this project: Chapter03/Recipe3/popup/src/components/Popup.css). Then, after <Footer /> add the <Popup /> component:
  import React from 'react';  import Popup from 'react-popup';  import Person from './Person/Person';  import Header from '../shared/components/layout/Header';  import Content from '../shared/components/layout/Content';  import Footer from '../shared/components/layout/Footer'; ...

Get React Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.