Warning: Each child in a list should have a unique “key” prop

by

The key needs to go on the outermost returned element. In your specific case, that means changing this:

            <div className="col col-lg-4 grid-wrapper">
                <BookCard 
                    key={book.id}

to this:

            <div className="col col-lg-4 grid-wrapper" key={book.id}>
                <BookCard

More Related Contents:

  1. axios post request to send form data
  2. What is mapDispatchToProps?
  3. Detecting user leaving page with react-router
  4. Access React Context outside of render function
  5. Unable to load script.Make sure you are either running a Metro server or that your bundle ‘index.android.bundle’ is packaged correctly for release
  6. Attach Authorization header for all axios requests
  7. What is the best way to redirect a page using React Router? [closed]
  8. React Router Pass Param to Component
  9. Material UI v4 makeStyles exported from a single file doesn’t retain the styles on refresh
  10. Set loading state before and after an action in a React class component
  11. React – Display loading screen while DOM is rendering?
  12. react-router-dom useParams() inside class component
  13. Azure authentication Audience validation failed
  14. Error when deploying react app and it keeps sayings
  15. Why are React props immutable?
  16. Does a render happen before function in React Hooks useEffect is called?
  17. React: using index as key for items in the list
  18. react long press event
  19. React showing 0 instead of nothing with short-circuit (&&) conditional component
  20. SyntaxError with Jest and React and importing CSS files
  21. How to connect Threejs to React?
  22. Next.js router is returning query parameters as undefined on first render?
  23. What is public/manifest.json file in create-react-app?
  24. conditional rendering in styled components
  25. How to assign the correct typing to React.cloneElement when giving properties to children?
  26. PhaseScriptExecution [CP-User] error in React Native
  27. How to detect window size in Next.js SSR using react hook?
  28. My Redux state has changed, why doesn’t React trigger a re-render?
  29. How to generate sitemap with react router
  30. How to update array state in react native?

Leave a Comment