前端開發如今有一個很重要的思想就是數據驅動視圖,數據發生變化使ui發生變化,比如一個變量count,為0顯示三個按鈕,為1顯示一個按鈕,為2顯示兩個按鈕。這就是一個簡單的數據驅動視圖。
import { useState } from 'react'function App() {const [count, setCount] = useState(0)const handleClick = ()=>{setCount(count + 1)}return (<><div>react</div><button onClick={handleClick}>{count}</button> </>)
}export default App
這里用到了useState()方法,他返回一個數組,然后我們使用的方式,數組解構,兩個參數第一個參數是值,第二個參數是改變第一個參數的值,并且第二個參數是一個方法。