Estoy tratando de ocultar mi clave API para cuando me comprometo con github, y busqué orientación en el foro, especialmente en la siguiente publicación:

¿Cómo oculto la clave API en create-react-app?

Hice los cambios y reinicié el hilo. No estoy seguro de qué estoy haciendo mal –– agregué un.env archivo a la raíz de mi proyecto (lo nombréprocess.env) y en el archivo acabo de ponerREACT_APP_API_KEY = 'my-secret-api-key'.

Estoy pensando que podría ser la forma en que agrego la clave a mifetch en App.js, y he probado varios formatos, incluso sin usar el literal de la plantilla, pero mi proyecto aún no se compilará.

Cualquier ayuda es muy apreciada.

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);
     });
}