استاد سلام و خسته نباشید
من توی پروژم میخوام بصورت تو در تو به یک سری ابجکت جیسان که از سرور بر میگرده دسترسی داشته باشم اما بهم خطا میده که undefined چکار کنم برای حلش خیلی سرچ کردم مشکل رو نتونستم پیداکنم
const Single = ({ match }) => {
const product = useSelector((state) => state.product);
const dispatch = useDispatch();
useEffect(() => {
dispatch(showLoading());
const getProduct = async () => {
await dispatch(getProductAction(match.params.slug));
dispatch(hideLoading());
};
getProduct();
}, []);
console.log(product.photo.path);
خطا :
×
TypeError: Cannot read property 'path' of undefined
Single
src/app/Containers/Site/Single/Single.js:24
21 | };
22 | getProduct();
23 | }, []);
24 |
| > 25 | console.log(product.photo.path);
^
26|
27 | return (
View compiled
اینحا اگه photo رو بخوام مشکلی نداره از photo به بعد نمیاره دیگه ابجکتی که بر میگرده از سرور :
{
"id": 2,
"sku": "FAT-53155240",
"title": "محصول",
"slug": "محصول",
"description": "توضیحات",
"full_description": "توضیحات",
"stock": 10,
"price": 50000,
"discount": 10,
"viewed": 10,
"sold": 0,
"favorite": 0,
"photo": {
"id": 1,
"name": null,
"path": {
"180*180": [
"upload/products/2021/4/180*180/FAT-a9w3ha9iVRX95VTEIAGCAWYjoG1nSekWZZgpkbfw.jpg"
],
"340*340": [
"upload/products/2021/4/340*340/FAT-6sAh6vi6PjdJ174TpvLj6mUNA6rxDqrN3qorqFzh.jpg"
],
"140*140": [
"upload/products/2021/4/140*140/FAT-6aGQGuJij1zDOcMWdqC07sgGgzfaqFM18R7LjNNL.jpg"
],
"190*190": [
"upload/products/2021/4/190*190/FAT-HHpD9MWOdmaKlJID2r8zThFhJBEj42Nmy3ISWYQW.jpg"
],
"150*150": [
"upload/products/2021/4/150*150/FAT-OEC7X9zhps0KgkoVI1Ag8uHisXFnZaOg4PuXaLgM.jpg"
]
},
"created_at": "2021-04-22T12:57:08.000000Z",
"updated_at": "2021-04-22T12:57:08.000000Z"
},
"galleries": [],
"attributes": [],
"created_at": "2021-04-22T13:00:34.000000Z",
"updated_at": "2021-04-22T13:00:34.000000Z"
}
ممنون میشم راهنمایی کنید
سلام رفیق منم همین مشکل رو داشتم پس میتونی با مراجعه به این سوال حلش کن
"singlecourse و درخواست بی نهایت به سرور"
باید یک شرط بزاری که اگه عکست نبود کلا رندر نکه.
آخرین پیامی که گذاشتم میتونه کمکت کنه ارور اولتم مربوط به اینه که props باید به عنوان "props dellering" از کامپوننتی که داری route رو انحام میدی بفرستی"toplearn".