Guest User

Untitled

a guest
Sep 22nd, 2018
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.91 KB | None | 0 0
  1. class MyComponent extends React.Component {
  2. constructor(props) {
  3. super(props);
  4. this.state = {
  5. users: [
  6. {
  7. username: 'Jeff',
  8. online: true
  9. },
  10. {
  11. username: 'Alan',
  12. online: false
  13. },
  14. {
  15. username: 'Mary',
  16. online: true
  17. },
  18. {
  19. username: 'Jim',
  20. online: false
  21. },
  22. {
  23. username: 'Sara',
  24. online: true
  25. },
  26. {
  27. username: 'Laura',
  28. online: true
  29. }
  30. ]
  31. }
  32. }
  33. render() {
  34. const usersOnline = this.state.users.filter(user=> user.online); // change code here
  35. const renderOnline = usersOnline.map(x => <li key={x.username}>{x.username}</li>);
  36. // change code here
  37. return (
  38. <div>
  39. <h1>Current Online Users:</h1>
  40. <ul>
  41. {renderOnline}
  42. </ul>
  43. </div>
  44. );
  45. }
  46. };
Add Comment
Please, Sign In to add comment