Full-Stack React Projects - Second Edition

Writing something in the view

The add comment section in the Comments component will allow the signed-in user to type in the comment text:

This will contain an avatar showing the user's photo and a text field, which will add the comment when the user presses the Enter key. This add comment section will be rendered in the view with the following code.

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

<CardHeader    avatar={            <Avatar className={classes.smallAvatar}                src=  {'/api/users/photo/'                  +auth.isAuthenticated().user._id}/>           }    title={ <TextField                onKeyDown={addComment}                multiline                value={text}                onChange={handleChange}                placeholder="Write something ..." className={classes.commentField} ...