Как можно более эффективно и правильно организовать отображение разных `View` в зависимости от наличия `props.button`, чтобы избежать дублирование контейнера и круглых скобок в данном компоненте?
Как можно наиболее эффективно организовать отображение различных `View` в зависимости от наличия `props.button`, чтобы избежать дублирования контейнера и круглых скобок в данном компоненте?
export const Footer = (props?: IFooterProps) => { return ( <View style={styles.container}> {props && props.button ? ( <> <RNHoleView style={styles.background} holes={[hole]}> <View style={styles.maskBorder}></View> </RNHoleView> {props.button} </> ) : ( <View style={styles.background}></View> )} </View> ); };
export const Footer = (props?: IFooterProps) => { return ( <View style={styles.container}> {props?.button ? ( <> <RNHoleView style={styles.background} holes={[hole]}> <View style={styles.maskBorder}></View> </RNHoleView> {props.button} </> ) : ( <View style={styles.background}></View> )} </View> ); };