React Hook第一篇----useState

🚀🚀首发:碰磕Study，分享自己的学习日志

---

🌞🌞🌞晴

---

✊✊学习React函数式写法

---

📅2022/6/11

---

前言

使用缘由：

• 高阶组件为了复用，导致代码层级复杂
• 生命周期的复杂
• 写成functional组件，无状态组件，因为需要状态，又改成class成本高

介绍

相当于把state与setstate进行了封装，可直接使用

• 1.引入useState
• 2.创建---const [变量1,变量2] = useState('默认值')
• 分析:变量1是参数值，变量2是函数用于修改变量1，默认值是变量1的默认值

使用

import React,{useState} from 'react';

function Test1() {
    const [state,setstate] =useState("碰磕")
    console.log(state,setstate);
    return (
        <div>
            {state}
            <button onClick={()=>{
                setstate("学习Study")
            }}>修改state</button>
        </div>
    );
}

export default Test1;

这样就代替了react---class写法的state了,是不是so easy~