React-Hooks中的useState多状态声明 需要注意的

多状态声明 需要注意:
(1)react是根据useState出现的顺序来确定state的。
(2)react-hooks不能出现在条件判断语句中。

import React, {
      useState } from 'react';

function ExampleHooks02(){
     
    const [age,setAge] = useState(18);
    const [sex,setSex] = useState('女');
    const [work,setWork] = useState('程序员');
    return(
        <div>
            <p>年龄:{
     age}</p>
            <p>性别:{
     sex}</p>
            <p>工作:{
     work}</p>
            
        </div>
    )
}
export default ExampleHooks02

你可能感兴趣的:(React)