what could be the reason of this error?
this is my code
componentDidMount() {
$.get("/api/v1/schools", function(result) {
this.setState({
dataSchools: result,
});
}.bind(this));
}
-
add the jquery script ?guradio– guradio2016-05-12 04:21:18 +00:00Commented May 12, 2016 at 4:21
-
did you include jQuery library?Saurabh– Saurabh2016-05-12 04:21:45 +00:00Commented May 12, 2016 at 4:21
-
yes, i have included ittreb– treb2016-05-12 04:22:17 +00:00Commented May 12, 2016 at 4:22
-
4Please god no don't add jquery just to do a xhr request. Use the fetch api with a polyfill why cant i downvote commentsivarni– ivarni2016-05-12 04:22:33 +00:00Commented May 12, 2016 at 4:22
-
should the jquery ui be included also?treb– treb2016-05-12 04:24:36 +00:00Commented May 12, 2016 at 4:24
|
Show 7 more comments
1 Answer
Note: I am not recommending use of jquery only for ajax calls in ReactJs application. You can use libraries like superagent or needle etc.
Coming to your error: that jquery is not identified inside your JSX code. The reason is JS script inclusion precedence. Make sure you are including the jQuery library ahead of your bundle Js(the Js generated using your buldlers like webpack or CommonJs). To be in safer side keep the script to include the jQuery library before all other libraries. Because there are many other library which depend upon jQuery to function properly.
Hope this helps.
