React won’t load local images

by

When using Webpack you need to require images in order for Webpack to process them, which would explain why external images load while internal do not, so instead of <img src={"/images/resto.png"} /> you need to use <img src={require('/images/image-name.png')} /> replacing image-name.png with the correct image name for each of them. That way Webpack is able to process and replace the source img.

More Related Contents:

  1. How to Protect website code PHP / JS? [closed]
  2. How to render an array of objects in React?
  3. Why does useState cause the component to render twice on each update?
  4. What is the difference between state and props in React?
  5. React hooks – right way to clear timeouts and intervals
  6. How to set state of response from axios in react
  7. How to import a CSS file in a React Component
  8. How can I return multiple lines JSX in another return statement in React?
  9. Removing element from array in component state
  10. React: how to load and render external html file?
  11. Binding vs Arrow-function (in JavaScript, or for react onClick)
  12. How to allow CORS in react.js?
  13. How To Solve The React Hook Closure Issue?
  14. body data not sent in axios request
  15. css position absolute making the textbox go down
  16. Can’t resolve module (not found) in React.js
  17. React-router v4 – cannot GET *url*
  18. Rendering an array.map() in React
  19. Does new React Context API trigger re-renders?
  20. map function not working in React
  21. Why I receive blank page? React
  22. How to restrict access to routes in react-router?
  23. How to check for broken images in React JS
  24. Why is it necessary to use bind when working with ES6 and ReactJS?
  25. using css modules how do I define more than one style name
  26. Uncaught Invariant Violation: Rendered more hooks than during the previous render
  27. How to mock React component methods with jest and enzyme
  28. Could not find “store” in either the context or props of “Connect(App)”
  29. Class based component vs Functional components what is the difference ( Reactjs ) [duplicate]
  30. value of using React.forwardRef vs custom ref prop

Leave a Comment