VSinder - Frontend/App.js

vsinder.frontend.App.js

import React, { useState, useEffect } from 'react'

function Profile({ user }) {
  return (
    <div className='profile'>
      <a className='name' href={user.github}>
        <div>{user.name}</div>
      </a>
      <h4 className='role'>{user.role}</h4>
      <p className='bio'>{user.bio}</p>
    </div>
  )
}

export function App() {
  const [user, setUser] = useState({})

  useEffect(async () => {
    const url = '//localhost:3666/me'
    const { data } = await axios.get(url)
    setUser(data)
  })

  return (
    <div className='app'>
      <Profile user={user}></Profile>
    </div>
  )
}