使用方式类似于 Ant Design 的Tabs组件
Tabs文件夹下的tabs.jsx
const Tabs = ({ children }) => {
return (
<>
<h6>Title</h6>
<div>{children}</div>
</>
)
}
const TabPane = ({ children }) => {
return (
<div>{children}</div>
)
}
export { Tabs, TabPane }
Tabs文件夹下的index.js
import { Tabs, TabPane } from './tabs'
Tabs.TabPane = TabPane
export default Tabs
App.jsx中引用
import { Tabs } from './components/Tabs'
const App = () => {
return (
<Tabs>
<Tabs.TabPane>content</Tabs.TanPane>
</Tabs>
)
}
export default App