import React from 'react'

importar {conectar} desde "react-redux"; importar { fetchUser }desde "../acciones"

clase UserHeader extiende React.Component {

 componentDidMount(){ this.props.fetchUser(this.props.userId); } render() { const { user } = this.props; if(!user) { return <div>Loading..</div>; } return <div className="header">{user.name}</div>; }

}

 const mapStateToProps = (state , ownProps) => { return {user : state.users.find(user => user.id === ownProps.userId)}

}

 export default connect(mapStateToProps,{ fetchUser })(UserHeader);