使用react-bootstrap获取输入文本的值

npm install react-bootstrap

yarn add react-bootstrap

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

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

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

  const handleSubmit = (event) => {
    event.preventDefault();
    console.log('输入的值为：', inputValue);
  };

  return (
    <Form onSubmit={handleSubmit}>
      <Form.Group controlId="formBasicEmail">
        <Form.Label>输入文本</Form.Label>
        <Form.Control type="text" value={inputValue} onChange={handleChange} />
      </Form.Group>
      <Button variant="primary" type="submit">
        提交
      </Button>
    </Form>
  );
}

export default MyForm;