Guest User

Untitled

a guest
May 21st, 2018
153
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, { Component } from 'react';
  2.  
  3.  
  4. class UserList extends Component {
  5.     constructor( props ) {
  6.         super( props );
  7.         this.state = {
  8.             users: props.users
  9.         };
  10.     }
  11.  
  12.     componentWillReceiveProps( nextProps ) {
  13.         if ( this.props !== nextProps ) {
  14.             const { users } = nextProps;
  15.  
  16.             users.then( users => {
  17.                 this.setState( {
  18.                     users
  19.                 } );
  20.             } );
  21.         }
  22.     }
  23.  
  24.     render() {
  25.         const { users } = this.state;
  26.  
  27.         if ( !users ) {
  28.             return (
  29.                 <div>
  30.                     Ładuję...
  31.                 </div>
  32.             );
  33.         }
  34.  
  35.         return (
  36.             <ul>
  37.                 { users.map( user => {
  38.                     return (
  39.                         <li key={user}>{user}</li>
  40.                     );
  41.                 } ) }
  42.             </ul>
  43.         );
  44.     }
  45. }
  46.  
  47. export default UserList;
RAW Paste Data