React中状态（state）的详解

React是一种流行的JavaScript库，用于构建用户界面。在React中，状态（state）是一种用于存储和管理组件数据的机制。状态在React组件中起着重要的作用，它决定了组件的外观和行为。本文将详细介绍React中状态的使用方法，并提供相应的源代码示例。

1. 初始化状态
   在React中，我们可以使用useState钩子函数来定义和初始化状态。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;