מהם Props?

שימוש חוזר ברכיב הוא נחמד, אבל שלושה כוכבים זהים מועילים רק במידה מוגבלת. Props מאפשרים לך להעביר נתונים לרכיב, כך שכל עותק יכול להיות שונה:

function Greeting({ name }) {
    return <p>Hello, {name}!</p>;
}

export default function App() {
    return (
        <div>
            <Greeting name="Ada" />
            <Greeting name="Alan" />
        </div>
    );
}

שני דברים קורים כאן:

• העברה: מאפייני props נראים כמו מאפיינים: name="Ada"
• קבלה: הרכיב מפרק אותם ברשימת הפרמטרים שלו ({ name }) ומשתמש בהם ב-JSX כמו בכל משתנה

אותו רכיב, נתונים שונים, פלט שונה: שלום, Ada! ו-שלום, Alan!. אביזרים הם הדרך שבה רכיבים הורים מגדירים את רכיבי הילדים שלהם.