React--useState_react usestate

useState是react中的hook，用于实时更新数据

语法：

const [state, setState] = useState(initialState);

其中，state 是当前的状态值，setState 是用于更新状态的函数，initialState 是初始状态的值。

使用 useState 的步骤如下：

1. 在函数组件中调用 useState，并传入初始状态的值。初始状态可以是任意类型的数据，例如字符串、数字、对象、数组等。
2. useState 会返回一个数组，其中第一个元素是当前的状态值，第二个元素是用于更新状态的函数。
3. 在组件中，可以使用 state 变量来读取当前的状态值，使用 setState 函数来更新状态值。

使用场景：

1. 管理组件内部的状态：useState 最常见的用途就是用于管理组件内部的状态。例如，表单组件可以使用 useState 来存储用户输入的值；计数器组件可以使用 useState 来存储当前的计数值。

2. 处理复杂的数据逻辑：除了存储简单的计数或者开关状态外，useState 也可以用于存储复杂的数据结构，如对象或数组。通过 useState 来管理这些数据，可以保持组件的可控性和一致性。

demo

import React, { useState } from 'react';
 
function MyComponent() {
  const [count, setCount] = useState(0);
 
  const handleIncrement = () => {
    setCount(count + 1);
  };
 
  return (
    <div>
      Count: {count}
      <button onClick={handleIncrement}>Increment</button>
    </div>
  );
}

Good Luck !