https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables
аюсь скрыть свой ключ API для того, когда я фиксирую github, и я просмотрел форум, чтобы получить рекомендации, особенно следующий пост:
Как скрыть ключ API в приложении create-реагировать?
Я внес изменения и перезапустил пряжу. Я не уверен, что я делаю неправильно - я добавил.env
файл в корне моего проекта (я назвал егоprocess.env
) и в файл я просто положилREACT_APP_API_KEY = 'my-secret-api-key'
.
Я думаю, что это может быть способ, которым я добавляю ключ к моемуfetch
в App.js, и я пробовал несколько форматов, в том числе без использования литерала шаблона, но мой проект по-прежнему не будет компилироваться.
Буду признателен за любую оказанную помощь.
performSearch = (query = 'germany') => {
fetch(`https://api.unsplash.com/search/photos?query=${query}&client_id=${REACT_APP_API_KEY}`)
.then(response => response.json())
.then(responseData => {
this.setState({
results: responseData.results,
loading: false
});
})
.catch(error => {
console.log('Error fetching and parsing data', error);
});
}