React Native: Переключить / (Un) Скрыть компоненты - условно

Question

Впервые делаю React Native. Я пытаюсь переключить компоненты по заявлению, если const video = undefined / null. Так что, если кто-то может помочь с этим, пожалуйста. Спасибо.

Я бы хотел

• если obj видео не определено / ноль затем - скрыть className = "Video" (компонент WebView), скрыть "gallerySecond" и показать "galleryFirst"

• если на видеообъекте есть данные: затем хотел бы скрыть "galleryFirst" и показать gallerySecond и показать видео (компонент WebView)

  export const video = 'DyDfgMOUjCI';
  

            <WebView
              style={{ width: 360, height: 250 }}
              javaScriptEnabled={true}
              className="Video"
              domStorageEnabled={true}
              source={{ uri: "https://www.youtube.com/embed/"+{video}}}
            />
          </View>
  
          <Gallery className="galleryFirst" style={{position: "relative", flexDirection: "row" }}/>
  
          <View style={styles.description}>
              <Text style={styles.descriptiontext}>
                  Some Text
              </Text>
          </View>
  
          <Gallery className="gallerySecond" style={{position: "relative", flexDirection: "row" }}/>
  

Answer 1

    {video?<WebView
        style={{ width: 360, height: 250 }}
        javaScriptEnabled={true}
        className="Video"
        domStorageEnabled={true}
        source={{ uri: "https://www.youtube.com/embed/"+{video}}}
      />:null}
    </View>

    {!video?<Gallery className="galleryFirst" style={{position: "relative", flexDirection: "row" }}/>:null}

    <View style={styles.description}>
        <Text style={styles.descriptiontext}>
            Some Text
        </Text>
    </View>

    {video?<Gallery className="gallerySecond" style={{position: "relative", flexDirection: "row" }}/>:null}