React hooks useState 数组

React Hooks 是 React 16.8 版本引入的一种新特性，它为函数组件引入了状态（state）和生命周期钩子（lifecycle hooks）。useState 是 React Hooks 中最常用的一个钩子函数，它用于在函数组件中添加状态。在本文中，我们将重点讨论使用 useState 数组来管理状态。

jsx
import React, { useState } from 'react';
function Counter() {
  const [count, setCount] = useState(0);
  return (
    
      
当前计数：{count}
       setCount(count + 1)}>增加
       setCount(count - 1)}>减少
    
  );
}
export default Counter;

jsx
import React, { useState } from 'react';
function LoginForm() {
  const [username, setUsername] = useState('');
  const [password, setPassword] = useState('');
  const handleUsernameChange = (event) => {
    setUsername(event.target.value);
  };
  const handlePasswordChange = (event) => {
    setPassword(event.target.value);
  };
  const handleSubmit = (event) => {
    event.preventDefault();
    // 处理表单提交逻辑
  };
  return (
    
      
        用户名：
        
      
      
        密码：
        
      
      登录
    
  );
}
export default LoginForm;