如何解决Navbar中的搜索栏未使用react-bulma-components呈现
我正在尝试使用react-bulma-components在导航栏中添加搜索栏,但出现此错误:
错误:元素类型无效:预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义文件中导出组件,或者可能混淆了默认导入和命名导入。 检查
TopNav
的渲染方法。
当我排除包含Field元素的Navbar.Item时,我没有收到错误消息。以下是我的代码:
<Navbar>
<Navbar.Brand>
<Navbar.Item renderAs="a" href="/">
The Nomad
</Navbar.Item>
<Navbar.Burger>
</Navbar.Burger>
</Navbar.Brand>
<Navbar.Item>
<Field>
<Control>
<Input placeholder="Search" />
</Control>
</Field>
</Navbar.Item>
</Navbar>
非常感谢您的帮助!
解决方法
我设法自己弄清楚了。事实证明,字段,控件和输入是表单组件的属性。我的导入语句(错误版本)中包含以下内容:
import React from 'react';
import { Navbar } from 'react-bulma-components';
import { Field,Control,Input } from 'react-bulma-components';
我应该有的是这个
import React from 'react';
import { Navbar } from 'react-bulma-components';
import { Form } from 'react-bulma-components';
const { Field,Input } = Form;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。