Full-Stack React Projects - Second Edition

Adding an about description

To store the short description that's entered in the about field by a user, we need to add an about field to the user model in server/models/user.model.js:

about: {    type: String,    trim: true  }

Then, to get the description as input from the user, we need to add a multiline TextField to the EditProfile form and handle the value change the same way we did for the user's name input.

mern-social/client/user/EditProfile.js:

  <TextField     id="multiline-flexible"     label="About"     multiline     rows="2"     value={values.about}     onChange={handleChange('about')}  />

Finally, to show the description text that was added to the about field on the user profile page, we can add it to the existing profile view.

mern-social/client/user/Profile.js ...