处于ReactStrap模式设置状态的表单

import React, { useState } from 'react';
import { Form, FormGroup, Label, Input, Button } from 'reactstrap';

const [formData, setFormData] = useState({
  username: '',
  password: ''
});

const handleSubmit = (event) => {
  event.preventDefault();
  // 在这里可以进行表单数据的处理和验证
  console.log(formData);
};

return (
  <Form onSubmit={handleSubmit}>
    <FormGroup>
      <Label for="username">Username</Label>
      <Input
        type="text"
        name="username"
        id="username"
        value={formData.username}
        onChange={(event) =>
          setFormData({ ...formData, username: event.target.value })
        }
      />
    </FormGroup>
    <FormGroup>
      <Label for="password">Password</Label>
      <Input
        type="password"
        name="password"
        id="password"
        value={formData.password}
        onChange={(event) =>
          setFormData({ ...formData, password: event.target.value })
        }
      />
    </FormGroup>
    <Button type="submit">Submit</Button>
  </Form>
);