Ошибка типа: не удается прочитать свойство ‘split’ неопределенного значения в React js

#javascript #reactjs #api #react-hooks

#javascript #reactjs #API #реагирующие крючки

Вопрос:

Hii ребята, я пытаюсь создать приложение для музыкального проигрывателя, затем я получаю сообщение об ошибке типа Не могу правильно прочитать разделенное неопределенное не знаю, что происходит не так, пожалуйста, попробуйте исправить мою ошибку

введите описание изображения здесь

    import axios from "axios";
  
    export const selectRandomKey = () => {
      const keys = process.env.REACT_APP_YouTube_Keys.split(""); //we are splitting the api keys to make an array
      const random = Math.floor(Math.random() * Math.floor(keys.length)); //this will get a random number
      return keys[random];
    }
    
    export default axios.create({
      baseURL: "https://www.googleapis.com/youtube/v3",
      params: {
        part: "snippet",
        videoCategoryId: "10",
        type: "video",
        key: selectRandomKey()
      }
    });
  

Комментарии:

1. process.env.REACT_APP_YouTube_Keys консоль это и проверьте, заполняются ли значения

2. не рекомендуется использовать секретные ключи во внешнем интерфейсе.

Ответ №1:

Вы получаете эту ошибку, потому process.env.REACT_APP_YouTube_Keys что может быть неопределенным. Вместо прямого использования split вы можете сделать, как const YOUTUBE_KEYS = process.env.REACT_APP_YouTube_Keys || ''; и const keys = YOUTUBE_KEYS.split("");