antd中tabs组件中的content参数支持一个函数么？

Question

// FilterList是一个组件
const panes = [
            {
                title: '筛选条件',
                content: FilterList,
                key: "1",
                closable: false
            }
        ];

这样渲染不出来，只接受字符串形式么？如果要渲染一个组件怎么做？

Answer 1

content后面直接写组件名就行了。
import CompName from './CompName';
const panes = [

{
    title: '筛选条件',
    content: CompName,
    key: "1",
    closable: false
}

];
不过要你在渲染的时候对panes进行map遍历，将content组件渲染出来。
给你看看我正在做的项目的代码：
<Tabs>

panes.map((pane, index)=>{

  return(

    <TabPane>
        {
            pane.content ?
        
                <pane.content data={pane.data} actions={pane.actions} 
                    activeKey={activeKey} spinData={pane.spinData}/>
        
            :
        
                this.NameToCom(pane.title, pane.data, activeKey)
        }
    </TabPane>
  );
});

</Tabs>
希望我的回答能帮助到您^_^