Class Users extends React.Component { constructor(props){ super(props) axios.get("https://social-network.samuraijs.com/api/1.0/users")

Question

Class Users extends React.Component { constructor(props){ super(props) axios.get("https://social-network.samuraijs.com/api/1.0/users")

.then(response => {
this.props.setUsers(response.data.items);
});
}

render() {
return {
this.props.users.map(u => {return (<div key={u.id}>
<span>
<div>
<img src={u.photos.small != null ? u.photos.small : userPhoto} className={styles.userPhoto}/>
</div>
<div>
{u.followed
? <button onClick={() => {
this.props.unfollow(u.id)
}}>Unfollow</button>
: <button onClick={() => {
this.props.follow(u.id)
}}>Follow</button>}

</div>
</span>
<span>
<span>
<div>{u.name}</div>
<div>{u.status}</div>
</span>
<span>
<div>{u.location.country}</div>
<div>{u.location.city}</div>
</span>
</span>
</div>)})
}
}
}