鍍金池/ 問答/HTML/ antd中tabs組件中的content參數(shù)支持一個函數(shù)么？

antd中tabs組件中的content參數(shù)支持一個函數(shù)么？

// FilterList是一個組件
const panes = [
            {
                title: '篩選條件',
                content: FilterList,
                key: "1",
                closable: false
            }
        ];

這樣渲染不出來，只接受字符串形式么？如果要渲染一個組件怎么做？

回答
編輯回答
淚染裳

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

{
    title: '篩選條件',
    content: CompName,
    key: "1",
    closable: false
}

];
不過要你在渲染的時候?qū)anes進(jìn)行map遍歷，將content組件渲染出來。
給你看看我正在做的項(xiàng)目的代碼：
<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>
希望我的回答能幫助到您^_^

2017年6月22日 00:01