April 2020
Intermediate to advanced
716 pages
18h 55m
English
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', ...