useState 就是一个 Hook,可以在我们不使用 class 组件的情况下,拥有自身的 state,并且可以通过修改 state 来控制 UI 的展示。
一:Hooks的理解
import React, { useState} from 'react';
import './App.css';
function App(){
//声明一个名为count的新状态变量
const [count,setCount] = useState(0);
return (
<div>
<p>You clicked {count} times</p>
<button onClick={()=>setCount(count+1)}>
click me!!!
</button>
</div>
)
}
export default App;
网友评论