Skip to Content
Full-Stack React Projects - Second Edition
book

Full-Stack React Projects - Second Edition

by Shama Hoque
April 2020
Intermediate to advanced
716 pages
18h 55m
English
Packt Publishing
Content preview from Full-Stack React Projects - Second Edition

The DeleteUser component

The DeleteUser component in client/user/DeleteUser.js is basically a button that we will add to the Profile view that, when clicked, opens a Dialog component asking the user to confirm the delete action, as shown in the following screenshot:

This component initializes the state with open set to false for the Dialog component, as well as redirect set to false so that it isn't rendered first.

mern-skeleton/client/user/DeleteUser.js:

export default function DeleteUser(props) {    ...    const [open, setOpen] = useState(false)    const [redirect, setRedirect] = useState(false)    ...}

The DeleteUser component will also receive props ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Full-Stack React Projects

Full-Stack React Projects

Shama Hoque
React Native - The Practical Guide

React Native - The Practical Guide

Academind by Maximilian Schwarzmüller GmbH

Publisher Resources

ISBN: 9781839215414Supplemental Content