鼠年全馬鐵人挑戰 - React Hooks useEffect 6

useEffect6.js

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

export default () => {
  const [user, setUser] = useState(null)

  const fetchUser = async () => {
    const result = await fetch('./user.json').then(res => res.json())
    setUser(result.user)
  }
  
  useEffect(() => {
    fetchUser()
  }, [])

  return (
    <section>
      <p>{user && user.name}</p>
      <button onClick={() => setUser()}>
        Click me
      </button>
    </section>
  );
};