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:
- 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'; ...