عند النقر على selectedNote يقع إرجاع العنصر الأخير من المصفوفة.
شيفرة NoteContainerAdded
importReact from 'react'import'./NoteContainer.css'functionNoteContainerAdded({title,content,deleteNoteHandler,selectedNote}){return(<div className='note-container'><h2 className='title-added'>{title}</h2><p className='content-added'>{content}</p><div className='btns'><button className='delete' onClick={()=>deleteNoteHandler(selectedNote)}>Delete</button><button className='edit'>Edit</button></div></div>)}
شيفرة NoteContainer
importReact,{} from 'react'import'./NoteContainer.css'importNoteContainerStart from './NoteContainerStart'importNoteContainerAdded from './NoteContainerAdded'functionNoteContainer({title,content,showNote,deleteNoteHandler,selectedNote}){return(<>{!showNote
?<NoteContainerStart><h2>WelcomeToMyToDo</h2><p>Please click on the button below to enter your first todo</p></NoteContainerStart>:<NoteContainerAdded
title={title}
content={content}
deleteNoteHandler={deleteNoteHandler}
selectedNote ={selectedNote}/>}</>)}exportdefaultNoteContainer;
عند النقر على selectedNote يقع إرجاع العنصر الأخير من المصفوفة.
شيفرة NoteContainerAdded
importReact from 'react'import'./NoteContainer.css'functionNoteContainerAdded({title,content,deleteNoteHandler,selectedNote}){return(<div className='note-container'><h2 className='title-added'>{title}</h2><p className='content-added'>{content}</p><div className='btns'><button className='delete' onClick={()=>deleteNoteHandler(selectedNote)}>Delete</button><button className='edit'>Edit</button></div></div>)}
شيفرة NoteContainer
importReact,{} from 'react'import'./NoteContainer.css'importNoteContainerStart from './NoteContainerStart'importNoteContainerAdded from './NoteContainerAdded'functionNoteContainer({title,content,showNote,deleteNoteHandler,selectedNote}){return(<>{!showNote
?<NoteContainerStart><h2>WelcomeToMyToDo</h2><p>Please click on the button below to enter your first todo</p></NoteContainerStart>:<NoteContainerAdded
title={title}
content={content}
deleteNoteHandler={deleteNoteHandler}
selectedNote ={selectedNote}/>}</>)}exportdefaultNoteContainer;
السؤال
محمود_سعداوي
السلام عليكم.
عند النقر على selectedNote يقع إرجاع العنصر الأخير من المصفوفة.
شيفرة NoteContainerAdded
شيفرة NoteContainer
شيفرة App
أعتذر.
في السطر الأول أقصد delete مكان selectedNote
شكرا
رابط هذا التعليق
شارك على الشبكات الإجتماعية
3 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.