import React from 'react';

import {Link} from 'react-router-dom';

export default class UserList extends React.Component{
    state={
        users:[]
    }
    componentWillMount(){
        //从缓存中取
        let userStr = localStorage.getItem('users');
        let users = userStr ? JSON.parse(userStr):[];
        this.setState({users});
    }
    render(){
        let {users} = this.state;
        return (<ul className="list-group">
            {
                users.map((item,index)=>
                    <li key={item.id} className="list-group-item">
                        <Link to={`/user/detail/${item.id}`}>{item.name}</Link>
                    </li>
                )
            }
        </ul>)
    }
}