const onChange = (key) => { console.log(key) } const items = [ { key: '1', label: Tab 1, children: <Finger key={1} />, }, { key: '2', label: Tab 2, children: Content of Tab Pane , }, { key: '3', label: Tab 3, children: Content of Tab Pane 3, }, ] const Tab = () => ( <Tabs defaultActiveKey="1" centered items={items} onChange={onChange} /> ) 修改这段代码是item中可以插入其他组件

如果要在items中插入其他组件，可以直接将组件作为children传递给items数组中对应选项卡的children属性。例如，可以将一个自定义的组件MyComponent插入到第二个选项卡中，修改后的代码如下：

import MyComponent from './MyComponent';

const onChange = (key) => { console.log(key) }

const items = [
  {
    key: '1',
    label: 'Tab 1',
    children: <Finger key={1} />,
  },
  {
    key: '2',
    label: 'Tab 2',
    children: <MyComponent />,
  },
  {
    key: '3',
    label: 'Tab 3',
    children: 'Content of Tab Pane 3',
  },
]

const Tab = () => (
  <Tabs defaultActiveKey="1" centered items={items} onChange={onChange} />
)

这样就可以在第二个选项卡中显示自定义组件MyComponent了。