Question

我正在尝试将tabs from semantic-ui实施到我的Next.js应用中。

我收到此错误：

元素类型无效：需要一个字符串（用于内置组件）或类/函数（对于复合组件）但得到：undefined。您可能忘记从您定义的文件中导出组件。检查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

Answer 1

Tab中添加了

0.70.0组件，请检查您是否运行此版本或更高版本。

Next.js和Semantic UI，Tab元素，错误：元素类型无效

1 个答案: