首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在反应中使用下拉按钮

在反应中使用下拉按钮
EN

Stack Overflow用户
提问于 2019-06-06 20:36:46
回答 1查看 1.8K关注 0票数 0

我想使用react按钮来构建一个列表,但是我收到了以下错误:

react_dropdown__WEBPACK_IMPORTED_MODULE_6__.Dropdown是未定义的TypeError

这是我的代码:

代码语言:javascript
运行
复制
render() {
return (
  <div className="Upload">
    {this.renderNotes()}
    <Dropdown>
      <Dropdown.Toggle variant="success" id="dropdown-basic">
        Dropdown Button
      </Dropdown.Toggle>

      <Dropdown.Menu>
        <Dropdown.Item href="#/action-1">Action</Dropdown.Item>
        <Dropdown.Item href="#/action-2">Another action</Dropdown.Item>
        <Dropdown.Item href="#/action-3">Something else</Dropdown.Item>
      </Dropdown.Menu>
    </Dropdown>
  </div>

);

以及进口:

代码语言:javascript
运行
复制
import { Dropdown } from "react-dropdown";

我使用以下命令安装它:npm install react-dropdown --save

编辑:我必须使用import Dropdown from "react-dropdown";

但是现在网站已经编译了,但是列表没有显示.

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-06 20:38:40

您正在尝试导入一个named export。但是,react-dropdown将该模块导出为default。像这样导入它

代码语言:javascript
运行
复制
import Dropdown from 'react-dropdown'

此外,请确保导入此组件的样式。

代码语言:javascript
运行
复制
import 'react-dropdown/style.css'
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56484777

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档