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

Question

Рихард

react

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

Как можно более эффективно и правильно организовать отображение разных `View` в зависимости от наличия `props.button`, чтобы избежать дублирование контейнера и круглых скобок в данном компоненте?

3 мая 2024 г. 14:50

Ответы на вопрос 3

Похожие вопросы

Answer 1

Как можно наиболее эффективно организовать отображение различных `View` в зависимости от наличия `props.button`, чтобы избежать дублирования контейнера и круглых скобок в данном компоненте?

Answer 2

<pre><code class="typescript">export const Footer = (props?: IFooterProps) =&gt; {
    return (
        &lt;View style={styles.container}&gt;
            {props &amp;&amp; props.button ? (
              &lt;&gt;
                 &lt;RNHoleView style={styles.background} holes={[hole]}&gt;
                      &lt;View style={styles.maskBorder}&gt;&lt;/View&gt;
                  &lt;/RNHoleView&gt;
                  {props.button}
               &lt;/&gt;
            ) : (
              &lt;View style={styles.background}&gt;&lt;/View&gt;
            )}
        &lt;/View&gt;
    );
};</code></pre>

Answer 3

<pre><code class="typescript">export const Footer = (props?: IFooterProps) =&gt; {
  return (
    &lt;View style={styles.container}&gt;
      {props?.button ? (
        &lt;&gt;
          &lt;RNHoleView style={styles.background} holes={[hole]}&gt;
            &lt;View style={styles.maskBorder}&gt;&lt;/View&gt;
          &lt;/RNHoleView&gt;
          {props.button}
        &lt;/&gt;
      ) : (
        &lt;View style={styles.background}&gt;&lt;/View&gt;
      )}
    &lt;/View&gt;
  );
};</code></pre>