react.js Replace img src onerror

by

This works best for me

<img 
  src={record.picture}
  onError={({ currentTarget }) => {
    currentTarget.onerror = null; // prevents looping
    currentTarget.src="image_path_here";
  }}
/>

More Related Contents:

  1. How to Protect website code PHP / JS? [closed]
  2. Understanding unique keys for array children in React.js
  3. What do these three dots in React do?
  4. React useEffect in depth / use of useEffect?
  5. Is useState synchronous? [duplicate]
  6. Problem in redirecting programmatically to a route in react router v6
  7. What happens when using this.setState multiple times in React component?
  8. React – changing an uncontrolled input
  9. What does npm install –legacy-peer-deps do exactly? When is it recommended / What’s a potential use case?
  10. Arrow functions and the use of parentheses () or {} or ({})
  11. ReactJS – Pass props with Redirect component
  12. React: how to load and render external html file?
  13. What does calling super() in a React constructor do?
  14. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  15. Use if statement in React JSX
  16. Can’t resolve module (not found) in React.js
  17. Using Matter.js to render to the DOM or React
  18. Rendering an array.map() in React
  19. Does new React Context API trigger re-renders?
  20. Playing sound in React.js
  21. Should we use useCallback in every function handler in React Functional Components
  22. React: Axios Network Error
  23. map function not working in React
  24. Why I receive blank page? React
  25. Detect scroll direction in React js
  26. React cannot read property map of undefined
  27. Exporting functions with reactjs and babel
  28. Next.js app folder: is there some “entry point”? A direct replacement for _app.tsx?
  29. State not getting updated when calling the related setState in React
  30. Enzyme simulate an onChange event

Leave a Comment