إستعمال find في react js

يحدث ذلك لأن الشرط الذي كتبته داخل الـ find :

note.id === notes[i].id

يكون صحيحاً من اجل اول عنصر في المصفوفة دائماً، ليس هذا فقط بل إنه صحيح لكل عناصر المصفوفة.

ولأن الوظيفة find مصممة لتعيد اول عنصر يحقق الشرط فلذلك تعيد العنصر الأول دائماً.

ولحل المشكلة يجب ان تحصل على الـ id بطريقة مختلفة، مثل إضافة الوظيفة التي تريدها عند انشاء العنصر وإضافة الـ id الخاص به لهذه الوظيفة كالتالي :

Notes?.map(note => (
	<dev onClick = {() => noteClicked(note.id) }> 
  		{note.text}
	</dev>
))

const noteClicked = (id) => {
    setCreating(false)
    let selectedNote = notes.find((note,i)=> note.id === id)
    console.log(selectedNote)
}

بتاريخ 4 دقائق مضت قال عمر قره محمد:

يحدث ذلك لأن الشرط الذي كتبته داخل الـ find :

note.id === notes[i].id

يكون صحيحاً من اجل اول عنصر في المصفوفة دائماً، ليس هذا فقط بل إنه صحيح لكل عناصر المصفوفة.

ولأن الوظيفة find مصممة لتعيد اول عنصر يحقق الشرط فلذلك تعيد العنصر الأول دائماً.

ولحل المشكلة يجب ان تحصل على الـ id بطريقة مختلفة، مثل إضافة الوظيفة التي تريدها عند انشاء العنصر وإضافة الـ id الخاص به لهذه الوظيفة كالتالي :

Notes?.map(note => (
	<dev onClick = {() => noteClicked(note.id) }> 
  		{note.text}
	</dev>
))

const noteClicked = (id) => {
    setCreating(false)
    let selectedNote = notes.find((note,i)=> note.id === id)
    console.log(selectedNote)
}

 

هل يمكن استعمال filter.

بتاريخ منذ ساعة مضت قال محمود سعداوي:

هل يمكن استعمال filter.

المشكلة ليست في الـ find ولكن في الشيء الذي تبحث عنه، حيث انك لا توفر الـ id الذي تبحث عنه في الوظيفة. وبالتالي فالـ filter ستعطيك مشكلة شبيهة بالسابق

بتاريخ 22 دقائق مضت قال عمر قره محمد:

المشكلة ليست في الـ find ولكن في الشيء الذي تبحث عنه، حيث انك لا توفر الـ id الذي تبحث عنه في الوظيفة. وبالتالي فالـ filter ستعطيك مشكلة شبيهة بالسابق

شكرا