I have been attempting to use jQuery to retrieve xml data from an internal website. My expo project setup is quite basic and resembles the following:
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import $ from 'jquery';
import {XML_DATA_URL} from './src/api/constants';
export default class App extends React.Component {
fetchData = () => {
return $.ajax({
url: XML_DATA_URL,
dataType: 'xml',
});
}
render() {
let response = 'test';
response = this.fetchQviewData();
console.log(response);
return (
<View >
<Text>Open up App.js to start working on your app!</Text>
</View>
);
}
}
Upon executing this code, I encounter the error "TypeError: _jquery2.default.ajax is not a function". Here is the content of my package.json file:
{
"name": "empty-project-template",
"main": "node_modules/expo/AppEntry.js",
"private": true,
"scripts": {
"start": "exp start --lan",
"android": "exp start --lan --android",
"ios": "exp start --ios",
"eject": "exp eject"
},
"dependencies": {
"expo": "^29.0.0",
"jquery": "3.1.1",
"react": "16.3.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-
29.0.0.tar.gz",
"yarn": "^1.9.4"
}
}
I am using visual studio code as my development environment and when I hover over the function, I can see its prototype:
https://i.stack.imgur.com/tqkVI.png
Is there something that I am overlooking? Thank you.