小编MRo*_*uez的帖子

我是“带钩子的反应引导”新手，我正在创建一个简单的表单。我正在遵循react-bootstrap文档的示例，并且遇到了选择/选项表单元素的问题。常规文本输入字段正常呈现，不会出现错误。select 语句似乎把事情搞砸了。

这是我的代码：

import { Form, Button } from "react-bootstrap";

export default function FormComponentName(props) {
    return (
        <>
            <h1>Search Form</h1>

            <Form>

                <Form.Group className="mb-3" controlId="searchState">
                    <Form.Label>State</Form.Label>
                    <Form.Select defaultValue="State...">
                        <option>State...</option>
                        <option value="1">One</option>
                        <option value="2">Two</option>
                        <option value="3">Three</option>
                    </Form.Select>
                </Form.Group>
               <Button variant="primary" type="submit">
                    Search Data
                </Button>

            </Form>


        </>
    )

}

这是纱线错误消息：

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, …