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

React-Bootstrap是一个基于React的UI组件库，它提供了一系列预定义的组件，可以帮助我们快速构建漂亮的前端界面。要获取输入文本的值，可以使用React-Bootstrap提供的FormControl组件。

首先，需要在项目中安装React-Bootstrap。可以使用npm或者yarn进行安装：

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;

在上述代码中，我们使用了useState钩子来创建一个名为inputValue的状态变量，用于保存输入文本的值。通过onChange事件监听输入框的变化，将输入的值更新到inputValue中。在表单的提交事件中，可以通过inputValue获取输入的文本值。

这里只是一个简单的示例，你可以根据实际需求进行相应的处理，比如添加表单验证、使用其他React-Bootstrap组件等。

腾讯云相关产品和产品介绍链接地址：