Conan_W's Blogs Conan_W's Blogs
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《React》笔记
    • 《TypeScript 从零实现 axios》
    • 《Git》学习笔记
    • TypeScript笔记
    • JS设计模式总结笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Conan_W

Web宝宝
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《React》笔记
    • 《TypeScript 从零实现 axios》
    • 《Git》学习笔记
    • TypeScript笔记
    • JS设计模式总结笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 核心概念

  • 高级指引

  • Hook

    • Hook
      • useState使用方式
  • 案例演示

  • 《React》笔记
  • Hook
conan_W
2021-03-27

Hook

# 01. Hook

Hook可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。

# useState使用方式

模式:

const [<取值>, <设值>] = useState(<初始值>)
1

上面的三个值均可自定义名称,分别是:

  • state取值变量名
  • state设值方法名
  • 初始值

例子:

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>
  );
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
编辑 (opens new window)
#React
上次更新: 2021/04/01, 11:06:04
高级指引
案例演示

← 高级指引 案例演示→

最近更新
01
vue-cli3的改变
05-15
02
babel-polyfill
05-15
03
babelrc文件配置
05-15
更多文章>
Theme by Vdoing | Copyright © 2019-2026 Conan_W | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×