0

我正在尝试将语义 UI 中的选项卡实现到我的 Next.js 应用程序中。

我收到此错误:

元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件)但得到:未定义。您可能忘记从定义组件的文件中导出组件。检查TabExampleBasic.

这是代码:

import React from 'react'
import { Tab } from 'semantic-ui-react'

const panes = [
  { menuItem: 'Tab 1', render: () => <Tab.Pane>Tab 1 Content</Tab.Pane> },
  { menuItem: 'Tab 2', render: () => <Tab.Pane>Tab 2 Content</Tab.Pane> },
  { menuItem: 'Tab 3', render: () => <Tab.Pane>Tab 3 Content</Tab.Pane> },
]

const TabExampleBasic = () => (
  <Tab panes={panes} />
)

export default TabExampleBasic

我将此组件导入 pages/index.js。来自语义用户界面的其他组件,如 Card、Grid 或 Accordion,可以毫不费力地工作。

我正在处理这个例子:https ://github.com/zeit/next.js/tree/master/examples/with-semantic-ui

4

1 回答 1

1

Tab组件已添加0.70.0,请检查您是否运行此版本或更高版本。

于 2017-08-09T07:48:58.710 回答