美文网首页
React Hooks简介

React Hooks简介

作者: 紫气楠楠 | 来源:发表于2019-12-06 14:11 被阅读0次

React Hooks就是用函数的形式代替原来的继承类的形式,并且使用预函数的形式管理state,有Hooks可以不再使用类的形式定义组件了

useState的介绍

useState是react自带的一个hook函数,它的作用是用来声明状态变量。

声明:

const [ count , setCount ] = useState(0);

useState这个函数接收的参数是状态的初始值(Initial state),它返回一个数组,这个数组的第0位是当前的状态值,第1位是可以改变状态值的方法函数。 所以上面的代码的意思就是声明了一个状态变量为count,并把它的初始值设为0,同时提供了一个可以改变count的状态值的方法函数。

我们将上面的useState打印出来显示如下的数组,数组的第一位就是上面count的值,第二位是一个方法,他可以改变count的状态值


在这里插入图片描述
在这里插入图片描述

相关文章

  • react hooks 源码分析 --- useState

    1. react hooks简介 react hooks 是react 16.8.0 的新增特性,它可以让你在不编...

  • React Hooks简介

    React Hooks就是用函数的形式代替原来的继承类的形式,并且使用预函数的形式管理state,有Hooks可以...

  • react hooks 简介

    useState 接受参数和返回值 注意点 接受的参数可以是值或者函数(函数则取他的返回值)作为初始状态 useE...

  • React Hooks

    React Hooks Hooks其实就是有状态的函数式组件。 React Hooks让React的成本降低了很多...

  • react-hooks

    前置 学习面试视频 总结react hooks react-hooks react-hooks为函数组件提供了一些...

  • React Hooks

    前言 React Conf 2018 上 React 提出了关于 React Hooks 的提案,Hooks 作为...

  • 5分钟简单了解React-Hooks

    首先附上官网正文?:React Hooks Hooks are a new addition in React 1...

  • react-hooks

    react-hooks react-hooks 是react16.8以后,react新增的钩子API,目的是增加代...

  • React Hooks小笔记

    简介 React Hooks 是 React 16.7.0-alpha 版本推出的新特性,它主要目的是为了解决状态...

  • React-hooks API介绍

    react-hooks HOOKS hooks概念在React Conf 2018被提出来,并将在未来的版本中被...

网友评论

      本文标题:React Hooks简介

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