反应引导中的TabContent& componentClass props

时间:2017-03-05 16:29:54

标签: reactjs ecmascript-6 react-bootstrap

我正在尝试将一个react组件传递给TabContents componentClass道具。此反应组件还需要添加道具。我只是想知道这是如何可能的。

我尝试了一些

的内容
import MyClass from './somewhere';
import { TabContent } from 'react-bootstrap';
const x = <MyClass thing={y} />
..
..
<TabContent componentClass={x} /> 

但它似乎不起作用TabContent类&#39; componentClass propType需要元素或字符串。我想知道什么是最好的方法,我可以传递一个反应组件,需要道具不是选项卡窗格的纯组件......

仅供参考。我想要传入的这个组件从mount上的API或沿着那些行的某个东西获取数据。

1 个答案:

答案 0 :(得分:2)

MyClass将继承TabContainer的所有道具。因此,您可以按原样传入组件,并在TabContainer上设置您想要拥有的道具。

import MyClass from './somewhere';
import { TabContent } from 'react-bootstrap';
..
..
<TabContent componentClass={MyClass} thing={y} /> 
// MyClass will have `this.props.thing`.