Megpróbálom implementálni a lapokat a szemantic-ui-ból a Next.js alkalmazásomba.
Ezt a hibát kapom:
Az elem típusa érvénytelen: karakterláncot várt (beépített komponenseknél) vagy osztályt/függvényt (összetett komponenseknél), de megkapta: undefined. Valószínűleg elfelejtette exportálni az összetevőt abból a fájlból, amelyben definiálta. Ellenőrizze a
TabExampleBasic
renderelési módszerét.
Ez a kód:
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
Ezt az összetevőt importáltam a pages/index.js fájlba. A szemantikus felhasználói felület egyéb összetevői, mint a Card, Grid vagy Accordion gond nélkül működnek.
Ezzel a példával dolgozom: https://github.com/zeit/next.js/tree/master/examples/with-semantic-ui