RefrenceError: не удается найти переменную в собственном ответе

Question

Я попытался получить доступ ко всем файлам в настраиваемой папке, которую я создал в своем приложении RNCamera roll, чтобы создать с ним галерею. Я считаю, что в своем коде я указал переменную «видео», но все еще получаю справочную ошибку: «не удается найти переменные видео», что мне делать, чтобы решить эту проблему, как я могу избавиться от ошибки. ... вот мой код ...

Я добавил конструктор в this.state, но все равно получаю ту же ошибку

constructor() {
    super();
    this.state = {
        modalVisible: false,
        videos: [],
        index: null
    }
  }


    getPhotos = () => {
        CameraRoll.getPhotos({
            first: 20,
            groupTypes: 'Album',
            groupName: 'Custom VideoFolder',
            assetType: 'Videos'
        })
        .then(r => this.setState({ videos: r.edges}))
        .then((statResult) => {
        let videos = []
        var allowedExtensions = /(\.avi|\.mp4|\.mov|\.wmv|\.avi)$/i;
        statResult.forEach(item => {
        if (item.isFile() && !allowedExtensions.exec(item.originalFilepath)) {
        videos.push(item)
        }
        });
        console.log(videos)
        })
    }

    toggleModal = () => {
      this.setState({ modalVisible: !this.state.modalVisible})
  }


  share = () => {
    const vocvideo = this.state.videos[this.state.index].node.video.uri
    RNFetchBlob.fs.readFile(vocvideo, 'uri')
    .then((data) => {
      let shareOptions = {
        title: "React Native Share Example",
        message: "Check out this video!",
        url: `data:video/mp4;uri,${data}`,
        subject: "Check out this video!"
      };

      Share.open(shareOptions)
        .then((res) => console.log('res:', res))
        .catch(err => console.log('err', err))
    })
  }

      render() {
        console.log('state :', this.state)
        return (
          <View style={styles.container}>
            <Button
              title='View videos'
              onPress={() => { this.toggleModal(); this.getPhotos() }}
            />
            <Modal
              animationType={"slide"}
              transparent={false}
              visible={this.state.modalVisible}
              onRequestClose={() => console.log('closed')}
            >
              <View style={styles.modalContainer}>
                <Button
                  title='Close'
                  onPress={this.toggleModal}
                />
                <ScrollView
                  contentContainerStyle={styles.scrollView}>
                  {
                    this.state.videos.map((p, i) => {
                      const isSelected = i === this.state.index;
                      const divide = isSelected && this.share === true ? 1 : 3;
                      return (
                        <Video
                          style={{opacity: i === this.state.index ? 0.5 : 1, width: width/divide, height: width/divide}}
                          key={i}
                          underlayColor='transparent'
                          onPress={() => this.setIndex(i)}
                          source={{uri: video}}
                        />
                        
                      )
                    })
                  }
                </ScrollView>