React Nativeの動的背景色のボタンを作成する

Question

React Nativeコンポーネントを作成してTouchable要素をラップし、テーマカラーを小道具として取ります。テーマによって、ボタンの背景色が異なります。今私は、小道具をチェックし、それに応じてスタイルを選択するレンダリング関数にifステートメントを持っています：これは正しい方法ですか？ if文を別の場所に移動する必要がありますか？これに別のアプローチがありますか？

Answer 1

Rather than doing this what about : 

super(props); 
this.state = {bgColor : (this.props.theme === 'blue')? styles.blueBg : styles.redBg}; 

render(){ 
return (
<TouchableHighlight style={[styles.button,this.state.bgColor]}> 
    {/* ... */} 
    </TouchableHighlight> 

) 
}