React Hooks之useState详解

作者：System 时间：2024年08月19日分类：所有,react native 字数：683

React Hooks 是 React 16.8 的新增特性，它可以让你在函数组件中使用 state 以及其他的 React 特性。useState 是其中一个最常用的 Hook。

useState 用于声明状态变量，它接收一个初始值，并返回一个包含当前值的数组。这个数组有两个元素：当前的状态值以及可以更新这个值的函数。

下面是一个简单的例子，展示如何使用 useState：




import React, { useState } from 'react';
 
function ExampleComponent() {
  // 使用 useState 初始化状态值 count
  const [count, setCount] = useState(0);
 
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}

在这个例子中，ExampleComponent 是一个函数组件，它使用了 useState 来创建一个状态变量 count。这个状态变量用于记录用户点击按钮的次数。当按钮被点击时，setCount 函数就会被调用，并且 count 的值会被更新。React 会自动重新渲染组件，并显示更新后的计数值。

React Hooks之useState详解

评论已关闭

推荐阅读