前提・実現したいこと
ドロップダウンメニューでUser1をクリックしたら
ある変数に'User1'が代入され、
if分でその変数のなかに'User1'があれば、
<User 1>のコンポーネントを表示する
というのを実装したいと考えております。
該当のソースコード
JS
1export default class Header extends Component<Props> { 2 render() { 3 let data = [{ 4 value: 'User1', 5 }, { 6 value: 'User2', 7 }, { 8 value: 'User3', 9 }]; 10 11 return ( 12 <View style={styles.header}> 13 <Dropdown 14 label='Favorite Fruit' 15 data={data} 16 /> 17 {(() => { 18 if (data.value == 'User1') { 19 return <User1 />; 20 } 21 })()} 22 {(() => { 23 if (data.value == 'User2') { 24 return <User2 />; 25 } 26 })()} 27 </View> 28 ); 29 } 30}
条件分岐として、ドロップダウンメニューでUser1をクリックするとdataはUser1になるので
ifにより<User1 />が表示されると考えました。
{(() => { if (data.value == 'User1') { return <User1 />; } })()}
ですが現状何も表示されていません。
ドロップダウンでクリックした際に表示の切り替えの方法のアドバイスよろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/02/07 08:18