مشروع انشاء تطبيق الملاحظات

المشكلة لديك في اسم كتابة اسم الـ Prop بشكل غير صحيح في مكون Note.js حيث أنك مررت إليه Prop باسم noteClicked ولكنك كتبته باسم noteclicked لاحظ حرف c صغير والصحيح هو حرف C كبير أي يصبح الكود كالتالي:

import React from "react";

const Note = (props) => {
  const {title, noteClicked, active} = props;
  return (
    <li className={`note-item ${active && "active"}`} onClick={noteClicked}>
      {title}
    </li>
  );
};

export default Note;

وسيتم حل المشكلة، وأرجو منك طرح الأسئلة الخاصة بالدورات أسفل فيديو الدورة المتعلق بالسؤال في التعليقات، لكي يتم مساعدتك بشكل أفضل، وطرح الأسئلة العامة هنا في قسم أسئلة البرمجة.