reactjs - React Bootstrap 选择选项未显示

Question

我无法让我的职业字段作为选择选项。我错过了什么？

import { Row, Col, Form } from 'react-bootstrap';
import FloatingLabel from "react-bootstrap-floating-label";

<Row className="g-2 mb-5">
                    <Col md style={{marginRight: "50px"}}>
                        <FloatingLabel controlId="floatingInputGrid" label="Name">
                        <Form.Control type="text" placeholder="Name" />
                        </FloatingLabel>
                    </Col>
                    <Col md>
                        <FloatingLabel controlId="floatingSelectGrid" label="Occupation">
                            <Form.Select aria-label="Select">
                                <option>Open this select menu</option>
                                <option value="1">One</option>
                                <option value="2">Two</option>
                                <option value="3">Three</option>
                            </Form.Select>
                        </FloatingLabel>
                    </Col>
</Row>

标签： reactjsformsreact-bootstrap

Answer 1

react-bootstrap-floating-label 不为诸如 Form.Control 之类的 prop 子项提供任何支持/功能。考虑提交功能请求问题