#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("");