React code throwing “TypeError: this.props.data.map is not a function”

by

Modify the code to this:

loadStatusFromServer: function() {
    return $.ajax({
        url: this.props.url,
        dataType: 'json',
        success: function(data) {
            this.setState({data: data})
        }.bind(this),

Here dataType: 'json', is important. See $.ajax() docs and related questions on SO:

More Related Contents:

  1. Can’t perform a React state update on an unmounted component
  2. Why does useState cause the component to render twice on each update?
  3. React this.setState is not a function
  4. What is the difference between state and props in React?
  5. Call multiple functions onClick ReactJS
  6. Scrollable div to stick to bottom, when outer div changes in size
  7. Multiple calls to state updater from useState in component causes multiple re-renders
  8. Removing element from array in component state
  9. Binding vs Arrow-function (in JavaScript, or for react onClick)
  10. How to allow CORS in react.js?
  11. How To Solve The React Hook Closure Issue?
  12. body data not sent in axios request
  13. redux fetch body is not use with no cors mode
  14. css position absolute making the textbox go down
  15. React-router v4 – cannot GET *url*
  16. Get image preview before uploading in React
  17. How to programmatically clear/reset React-Select?
  18. Save data in a special order when click on button
  19. Environment variables not working (Next.JS 9.4.4)
  20. React functional components vs classical components
  21. Axios posting params not read by $_POST
  22. Reactjs – Setting State from props using setState in child component
  23. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  24. XMLHttpRequest cannot load No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:3000’ Google maps
  25. React, losing saved data in localStorage with useEffect after page refresh
  26. How to load es6, react, babel code in html with cdn?
  27. How to render element on click of button: ReactJS
  28. React: ‘Redirect’ is not exported from ‘react-router-dom’
  29. At what nesting level should components read entities from Stores in Flux?
  30. Polling API every x seconds with react

Leave a Comment