反応起動ストラップとコンポーネントクラスのタブコンポーネント

Question

反応成分をTabContents componentClass propに渡そうとしています。また、この反応成分には、それに加えられた小道具が必要である。私はこれがどのように可能かと思っています。

私は

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

の線に沿って何かを試してみましたが、それはTabContentクラスのcomponentClass propTypeは、要素や文字列を必要としているようです動作しません。私はタブペインに純粋なコンポーネントではない小道具を必要とする反応コンポーネントを渡すことができる最良の方法が何であるかを知りたい。

私が渡したいこのコンポーネントは、マウントされたAPIやそれらの行に沿ったものからデータを取り出します。

Answer 1

MyClassは、すべての小道具をTabContainerから継承します。したがって、コンポーネントをそのまま渡して、そこに持ちたい小道具をTabContainerに設定することができます。

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