not display in
data?.map((item, index) =>
Uncaught TypeError: data.map is not a function
at ProductCard (ProductCard.js:17:1)
at renderWithHooks (react-dom.development.js:16305:1)
at mountIndeterminateComponent (react-dom.development.js:20074:1)
at beginWork (react-dom.development.js:21587:1)
at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
at invokeGuardedCallback (react-dom.development.js:4277:1)
at beginWork1 @ react-dom.development.js:27451
performUnitOfWork @ react-dom.development.js:26557
workLoopSync @ react-dom.development.js:26466
renderRootSync @ react-dom.development.js:26434
performSyncWorkOnRoot @ react-dom.development.js:26085
flushSyncCallbacks @ react-dom.development.js:12042
(anonymous) @ react-dom.development.js:25651
1 Answer
if (data && Array.isArray(data)) {
data.map((item, index) => {
// Your map function logic here
});
} else {
// Handle the case when data is not an array or is null/undefined
}
you are using map fuction on a variable that may be empty or not an array. if it is an array then it can be because of the information inside it(connection to database is one of the problems ).