21:T4a9,^ this doesn't fully answer the question because you've destructuerd props. Essentially props is a short form way of passing in all arguments you require for a component. For example if you have a ` ``` in most cases, we prefer to destructure props (meaning that you extract the actual proprties out of props) to make it more specific, so in the above example, you go from ```tsx const Button = (props) => ... ``` to ```tsx const Button = ({ onClick, text }) => ... ``` and you can also do ```tsx const Button => ({ onClick, ..rest}) => ` } cardElement("AI Agents and Why You Shouldn't Bother", "CRD-101", "Read More About AI Agents") ``` So instead of passing in each variable we could make an object ```js const cardData = { cardTitle: "AI Agents and Why You Shouldn't Bother", cardID: "CRD-101", cardBtnText: "Read More About AI Agents" } function cardElement(cardObj) { return `

${cardObj.cardTitle}

`; } cardElement(cardData); ``` ` props ` is just an object like cardObj ; they are passed in as an argument then the actual values are used in the parameters when invoking it. Thats a simplified way i think of it as theres more going on under the hood but its basically the way i learned (and looks like others in this thread are suggesting to think of it like an argument)

${cardTitle}

${cardObj.cardTitle}

props in react

Similar Threads

Similar Threads

Similar Threads