import React, { useEffect, useState } from 'react'; import ProfileContent from './ProfileContent'; import ProfileHeader from './ProfileHeader'; function ProfileContainer() { const [info, setInfo] = useState({}); useEffect(() => { fetch('/api/user', {credentials: 'same-origin', headers: {'X-Requested-With': 'XMLHttpRequest'}}) .then(response => response.json()) .then(user => { setInfo(user) }) }, []) return ( <div className="material"> <div className="wrapper"> <ProfileHeader info={info} /> <ProfileContent info={info} setInfo={setInfo} /> </div> </div> ); } export default ProfileContainer;