React hooks學習筆記（二）：useState多狀态聲明

import React, { useState } from 'react';

function Demo02() {

    const [age, setAge] = useState(10)
    const [work, setWork] = useState('程式猿')

    return (
        <div>
            <h1>這位仁兄的工作是：{work}</h1>
            <h1>年齡：{age}歲</h1>
        </div>
    )
}

export default Demo02
           

多狀态聲明 需要注意：

1：react是根據useState出現的順序來确定state的。

2：react-hooks不能出現在條件判斷語句中。