React-4 HOOK函数式组件

最新推荐文章于 2023-06-07 00:50:03 发布

VIP文章学_

最新推荐文章于 2023-06-07 00:50:03 发布

阅读量272

点赞数

分类专栏： React 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_17368835/article/details/125685427

版权

react4 Hook 函数式组件

在hook没有出现之前，函数组件叫做无状态组件，因为没有自己的状态，只有父组件传过来的属性，hook的出现使得函数式组件有自己的状态，也能实现一些需要在声明周期函数中才能完成的操作

是一些可以让你在函数组件里“钩入”react state及生命周期等特性的函数
特点:
    组件之间复用状态逻辑，不需要修改组件的结构
    可将组件中互相关联的部分拆分成更小的函数
    在不编写class的情况下使用state以及其他的react特性
        
		函数主要作用，通过数据渲染ui界面
        除主要作用之外的操作为副作用
        如：操作DOM节点
           Ajax网络请求
           localstorage操作

useState

// 引入对应的 hooks 组件
import React, { useState } from "react";

export default function App() {
    // 使用 hooks 组件  useState函数在一个组件中可以使用多个
    // 这个语法的意思是 useState() 函数会返回一个数组，然后解构出来
  const [num, setnum] = useState(0);
    
    // 第一个元素 msg 表示的是 useState("msg") 括号里面的参数； m