React NativeのPicker Itemのラベルに複数の要素や入れ子要素を使用することはできますか？

Question

私はNativeBaseでReact Nativeを使用しています。私のPickerのラベルをテキストの単純な文字列よりも複雑にしたいと考えています。

しかし、要素をラベルとして渡すこともできます。たとえば、単一の最上位要素にラップされた複数の子要素を渡すことは可能ですか？

ピッカーはプレーンテキストのみをラベルとしてサポートしていますか？

---

bennygenelによって要求されたように、ここで私が試したもののバージョンです：

export default class ThingPicker extends React.Component { 

    render() { 
    const { 
     initialThing, 
     things, 
     onThingChanged, 
    } = this.props; 

    const orderedThings = things.sort(); 

    return (
     <Picker 
     selectedValue={initialThing} 
     onValueChange={onThingChanged}> 
     {buildThingItems(orderedThings)} 
     </Picker> 
    ); 
    } 
} 

function buildThingItems(orderedThings) { 
    let items = orderedThings.map(th => { 
    const it = th === "BMD" ? (<Text key={th} label={"foo"} value={"bar"}}>Hello</Text>) 
    : (<Picker.Item key={th} label={th} value={th} />); 

    return it; 
    }); 
} 

Answer 1

はい！ React/JSXコードでは "正しく"見えない可能性があります。必要な要素を作成し、ラベルフィールドに割り当ててください：

function buildThingItems(orderedThings) { 
    let items = orderedThings.map(th => { 
    const it = (<Picker.Item 
     key={th} 
     label={currency === "BMD" ? (<Text>Hello</Text>) : th} 
     value={th} />); 

    return it; 
    }); 
}