Как можно улучшить эту фразу?

Как можно более эффективно и правильно организовать отображение разных `View` в зависимости от наличия `props.button`, чтобы избежать дублирование контейнера и круглых скобок в данном компоненте?
  • 3 мая 2024 г. 14:50
Ответы на вопрос 3
Как можно наиболее эффективно организовать отображение различных `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>
  );
};
Похожие вопросы