反応クラスの小道具を設定する

Question

私は第三者コンポーネントを使用しています。
私はParentとChildの2つのクラスを持っています。 Parentコンポーネントでは、クラス名を小道具として受け入れ、それ自身でレンダリングするサードパーティのコンポーネントを使用します。
だから、親コンポーネントは次のようになります。

render(){ 
    return (
    <div className="section"> 
     <Select 
     placeholder={placeholder} 
     valueComponent={Child} 
     /> 
    </div> 
); 

私が何をしたいのかは、子コンポーネントにいくつかの小道具を渡すことですが、私はいつも<Child someProp="prop"/>のようにこれをやりました。
このようにしてChildコンポーネントに小道具を渡す方法はありますか？

Answer 1

Selectライブラリがその方法を提供するかどうかはわかりません。場合によっては、常にラッパーコンポーネントを使用することができます。

// Create a child wrapper component and pass it to Select. 
function ChildWrapper(props) { 
    return <Child {...props} someProp="prop" />; 
} 

render(){ 
    return (
    <div className="section"> 
     <Select 
     placeholder={placeholder} 
     valueComponent={ChildWrapper} 
     /> 
    </div> 
); 
}