May 2018
Intermediate to advanced
470 pages
13h 54m
English
To display the who to follow feature, we will create a component called FindPeople, which can be added to any of the views or rendered on its own. In this component, we will first fetch the users not followed by calling the findPeople method in componentDidMount.
mern-social/client/user/FindPeople.js:
componentDidMount = () => { const jwt = auth.isAuthenticated() findPeople({ userId: jwt.user._id }, { t: jwt.token }).then((data) => { if (data.error) { console.log(data.error) } else { this.setState({users: data}) } })}
The fetched list of users will be iterated over and rendered in a Material-UI List component, with each list item containing the user's avatar, name, a link to the profile page, and a Follow button.
mern-social/client/user/FindPeople.js ...
Read now
Unlock full access