examples/react-usestate-counter

React 使用 useState 实现计数器示例

在 React 中，useState 是一个用于在组件内部添加状态（state）的 Hook。以下是一个简单的示例，展示如何使用 useState 创建一个计数器组件。

示例代码

import React, { useState } from 'react';

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

  return (
    <div>
      <p>计数: {count}</p>
      <button onClick={() => setCount(count + 1)}>增加</button>
      <button onClick={() => setCount(count - 1)}>减少</button>
    </div>
  );
}

export default Counter;

使用说明

1. 引入 useState Hook。
2. 使用 useState 创建一个状态变量 count，并初始化为 0。
3. 创建一个函数 setCount，用于更新 count 的值。
4. 在组件的返回值中，使用 count 和 setCount 渲染计数器和按钮。

更多内容

想要了解更多关于 React 的知识，可以访问我们的 React 教程。