美文网首页
5.React Hooks 之useState

5.React Hooks 之useState

作者: 海蒂Hedy | 来源:发表于2020-02-02 16:05 被阅读0次

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;

相关文章

网友评论

      本文标题:5.React Hooks 之useState

      本文链接:https://www.haomeiwen.com/subject/rksqxhtx.html