前端開(kāi)發(fā)如今有一個(gè)很重要的思想就是數(shù)據(jù)驅(qū)動(dòng)視圖，數(shù)據(jù)發(fā)生變化使ui發(fā)生變化，比如一個(gè)變量count，為0顯示三個(gè)按鈕，為1顯示一個(gè)按鈕，為2顯示兩個(gè)按鈕。這就是一個(gè)簡(jiǎn)單的數(shù)據(jù)驅(qū)動(dòng)視圖。

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（）方法，他返回一個(gè)數(shù)組，然后我們使用的方式，數(shù)組解構(gòu)，兩個(gè)參數(shù)第一個(gè)參數(shù)是值，第二個(gè)參數(shù)是改變第一個(gè)參數(shù)的值，并且第二個(gè)參數(shù)是一個(gè)方法。