Refactored

render() {
    let item = null;
    let activeItem = null;
    if(!this.state.filterVideos || this.state.filterVideos === 'all') { 
      item = this.state.videos
      activeItem = 'all';
    } else if (this.state.filterVideos === 'structured') {
      item = this.state.structuredVideos;
      activeItem = 'structured';
    } else if ( this.state.filterVideos === 'unstructured') {
      item = this.state.unstructuredVideos;
      activeItem = 'unstructured';
    }

    return (
      <View>
        <ScrollView>
          <View style={ styles.container }>
            <InfoBar 
              message="Please note, your CPD record can take up to 24 hours to update"
            />
            <TabBar 
              filterVideos={ this.filterVideos }
              setActive={ activeItem } />
            {
              item
                .map(video => 
                  <PlaylistItem 
                    style={ { flex: 1 } } 
                    key={ video.id } 
                    video={ video }
                    updateStatement={ this.updateStatement }
                  />
                )
            }
          </View>
        </ScrollView>
      </View>
    )
  }