J'essaie d'extraire des informations de cette API pour les hôpitaux. J'ai pu tirer avec succès d'une autre API en utilisant à peu près le même code. Impossible de trouver une solution, continuez à obtenir "SyntaxError: Impossible d'utiliser l'instruction d'importation en dehors d'un module." Voici le code avec lequel je travaille:

Le dossier des composants contient uniquement ce fichier.

    import React from "react";
import getHospitals from "../other/api";

function loadHospitals() {

    useEffect(() => {
        loadHospitals()
    }, []);

    HospitalsAPI.getNews()
        .then(res => {
            console.log(res)
        })
        .catch(err => console.log(err));
};

export default loadHospitals;

Un fichier séparé contient ce fichier:

import axios from "axios";

export default {
    getHospitals: function() {
        return axios.get("https://services1.arcgis.com/Hp6G80Pky0om7QvQ/arcgis/rest/services/Urgent_Care_Facilities/FeatureServer/0/query?where=1%3D1&outFields=*&outSR=4326&f=json")
    },
};

Toute aide est appréciée.

0
Harley 19 avril 2020 à 07:20

2 réponses

Meilleure réponse

Dans un premier temps, résolvez votre problème Cross-Origin Vous devez également résoudre le problème Cross-Origin Essayez d'utiliser comme ça

import React from "react";

import axios from "axios";


export default class loadHospitals extends React.Component {


componentDidMount() {
    axios
    .get("https://services1.arcgis.com/Hp6G80Pky0om7QvQ/arcgis/rest/services/Urgent_Care_Facilities/FeatureServer/0/query?where=1%3D1&outFields=*&outSR=4326&f=json")
    .then(res => {
        console.log(res);

    })
    .catch(err => {

    });

}

render() {
    return (

        <h2>
            test hospital
        </h2>

    )
}


}}
1
Sagar Roy 19 avril 2020 à 05:10

Vous pouvez utiliser

import getHospitals from "../other/api";

Convertir en

import { getHospitals } from "../other/api";

0
Ran Bahadur kc 19 avril 2020 à 04:44