TypeError: friends.find is not a function

ذلك يعني أن friends ليست مصفوفة، هل عند طباعة قيمة friends في الكونسول تظهر على أنها مصفوفة؟

من المفترض أنها خاصية موجودة في الـ UserSchema وتحمل type:Array و لقيمة الافتراضية مصفوفة فارغة

friends: {
            type: Array,
            default: [],
        },

وقمت باستدعائها باستخدام useSelector من خلال الـ redux

عند طباعتها في الكونسول تظهر على أنها مصفوفة؟ أرجو إرفاق مجلد المشروع لتفقد المشكلة.

هذه طباعة الكونسول بشكل أوضح

المشكلة في ملف Fiend.jsx، وأيضًا هناك مشكلة وهي أن خاصية key هي خاصية خاصة تستخدمها React لتتبع وتحديث قوائم المكونات بكفاءة، ولا يمكن استخدام خاصية key كخاصية عادية في المكونات.

لذلك تجنب التالي:

• محاولة الوصول إلى خاصية key في المكون الفرعي.
• محاولة استخدام خاصية key لشيء آخر غير الغرض المقصود منها.

وأرجو تعديل الكود كالتالي من أجل طباعة قيمة friends:

const Friend = ({ friendId, name, subtitle, userPicturePath }) => {
    const dispatch = useDispatch();
    const navigate = useNavigate();
    const { user } = useSelector((state) => state.user);
    const token = useSelector((state) => state.token);
    const friends = useSelector((state) => state.user.friends);

console.log(friends)

//باقي الكود

وكرر نفس الأمر في  FriendsList.jsx

بتاريخ 5 ساعة قال Mustafa Suleiman:

المشكلة في ملف Fiend.jsx، وأيضًا هناك مشكلة وهي أن خاصية key هي خاصية خاصة تستخدمها React لتتبع وتحديث قوائم المكونات بكفاءة، ولا يمكن استخدام خاصية key كخاصية عادية في المكونات.

لذلك تجنب التالي:

• محاولة الوصول إلى خاصية key في المكون الفرعي.
• محاولة استخدام خاصية key لشيء آخر غير الغرض المقصود منها.

وأرجو تعديل الكود كالتالي من أجل طباعة قيمة friends:

const Friend = ({ friendId, name, subtitle, userPicturePath }) => {
    const dispatch = useDispatch();
    const navigate = useNavigate();
    const { user } = useSelector((state) => state.user);
    const token = useSelector((state) => state.token);
    const friends = useSelector((state) => state.user.friends);

console.log(friends)

//باقي الكود

وكرر نفس الأمر في  FriendsList.jsx

أخي جربت حلك وهذه طباعة الكونسول في لصورة المرفقة ،

المشكلة أن دالة find تعمل مع المصفوفات فقط وحسب ماظهر في الكونسول أن friends عبارة عن أوبجكت والمفترض بها أن تكون مصفوفة كما عرفتها في الـ User model

ماذا أفعل لأجعلها مصفوفة أو ماالذي يجعل المتصفح يقرأها كأوبجكت

مرحباً ,
هل يمكنك إرفاق ملفات الكود لمساعدتك في حل المشكلة ؟