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

useEffect8.js

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

export default () => {
  const [count, setCount] = useState(0)

  const userData = [
    {
      code: 200,
      message: 'Success',
      user: {
        id: 1234,
        name: 'vita',
        age: 33,
        gender: 'boy',
      },
    },
  ]
  
  useEffect(() => {
    console.log(userData)
    return () => {
      // 手動清理 effect
      // 做一些清理的工作，在該元件卸載的時候執行
    }
  })

  return (
    <section>
      <h1>Hooks0 useState</h1>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </section>
  )
}