Reactjs ajax Uncought (in promise) ReferenceError: $ is undefined

I am new to React and probably doing something wrong here but I keep getting a $ is undefined when making an ajax request. Вот класс, от которого я делаю запрос:

import React from 'react';
import './Projects.scss';
import Link from '../Link';
import Overlay from '../Overlay';

var Project = React.createClass({
  // Project detail class, commented out because it is big.
});

var Projects = React.createClass({
  getInitialState: function() {
    return { data: [] };
  },
  componentDidMount: function() {
    $.get('http://localhost:3000/api/posts').done(function(data) {
      this.setState({data: data});
    }.bind(this));
  },
  render: function() {
    return (
      <div>
        <Project data={this.state.data} />
      </div>
    );
  }

});

export default Projects;

Он возвращается:
Uncaught (in promise) ReferenceError: $ не определен из componentDidMount()

1 ответ

  1. $.get подразумевает, что вы пытаетесь использовать jQuery, вы, вероятно, на самом деле не загрузили его.