Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- class MyComponent extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- users: [
- {
- username: 'Jeff',
- online: true
- },
- {
- username: 'Alan',
- online: false
- },
- {
- username: 'Mary',
- online: true
- },
- {
- username: 'Jim',
- online: false
- },
- {
- username: 'Sara',
- online: true
- },
- {
- username: 'Laura',
- online: true
- }
- ]
- }
- }
- render() {
- const usersOnline = this.state.users.filter(user=> user.online); // change code here
- const renderOnline = usersOnline.map(x => <li key={x.username}>{x.username}</li>);
- // change code here
- return (
- <div>
- <h1>Current Online Users:</h1>
- <ul>
- {renderOnline}
- </ul>
- </div>
- );
- }
- };
Add Comment
Please, Sign In to add comment