美文网首页
React Hook 之 useState

React Hook 之 useState

作者: FAKEEER | 来源:发表于2020-03-28 23:36 被阅读0次
    import React, { useState } from 'react';
    
    function Example() {
      // 声明一个叫 "count" 的 state 变量
      const [count, setCount] = useState(0);
      return (
        <div>
          <p>You clicked {count} times</p>
          <button onClick={() => setCount(count + 1)}>
            Click me
          </button>
        </div>
      );
    }
    
    • Hook 出现的目的主要是为了实现函数组件中也可以使用类组件中的一些功能,例如state、props、以及生命周期函数。

    • 这里的setCount方法就类似于类组件中的setState方法,默认有个参数是count的值。

    相关文章

      网友评论

          本文标题:React Hook 之 useState

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