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