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

Making the NewPost component

The NewPost component that we added in the Newsfeed component will allow users to compose a new post containing a text message and, optionally, an image, as shown in the following screenshot:

The NewPost component will be a standard form with a Material-UI TextField and a file upload button, as implemented in EditProfile, that takes the values and sets them in a FormData object to be passed in the call to the create fetch method on post submission. Post submission will invoke the following clickPost method.

mern-social/client/post/NewPost.js:

const clickPost = () => {    let postData = new FormData() postData.append('text', ...
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