从React-Bootstrap输入获取数据

import React, { useState } from 'react';
import { FormControl } from 'react-bootstrap';

function MyForm() {
  const [inputValue, setInputValue] = useState('');

  const handleChange = (event) => {
    setInputValue(event.target.value);
  };

  return (
    <FormControl
      type="text"
      value={inputValue}
      onChange={handleChange}
    />
  );
}

import React, { useState } from 'react';
import { Checkbox } from 'react-bootstrap';

function MyForm() {
  const [isChecked, setIsChecked] = useState(false);

  const handleChange = (event) => {
    setIsChecked(event.target.checked);
  };

  return (
    <Checkbox
      checked={isChecked}
      onChange={handleChange}
    >
      Check me
    </Checkbox>
  );
}

import React, { useState } from 'react';
import { Select } from 'react-bootstrap';

function MyForm() {
  const [selectedValue, setSelectedValue] = useState('');

  const handleChange = (event) => {
    setSelectedValue(event.target.value);
  };

  return (
    <Select
      value={selectedValue}
      onChange={handleChange}
    >
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
    </Select>
  );
}