reactjs - react-bootstrap和componentClass Prop 中的TabContent

我正在尝试将React组件传递到TabContents componentClass道具中。此react组件还需要添加道具。我只是想知道这怎么可能。

我已经尝试了一些方法

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

但它似乎不起作用，似乎TabContent类的componentClass propType需要元素或字符串。我想知道什么是我可以传递需要组件的最佳组件的最佳方法，该组件不是选项卡窗格中的纯组件...

仅用于其他信息。我要传递的该组件从安装时的API或沿这些行的东西获取数据。

最佳答案

MyClass将继承TabContainer的所有道具。因此，您可以按原样传递组件，并在TabContainer上设置要在其中放置的道具。

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