React

首页 / 知识 / React

基础使用

import { useState } from 'react';

const my:React.FC = ()=>{
    const [year, setYear] = useState<number>(2023);
    
    return 
    (<>
    <div>{year}</div>
    <button onClick={()=>{ setYear(year+1) }}>加1</button>
    </>);
}


useEffect set 后值未变

如下所示，打印的结果将会是2023

const [year, setYear] = useState<number>(2023);
setYear(2022);
console.log(year); // 2023

原因是set方法是异步的