Learn and document about why params are extracted in this server side [billboardId]/page.tsx component

[utkarsh-1602]

Why params are extracted like this ?

// this is a server component 

const BillboardPage = async ({
    params
}: {
    params: { billboardId: string }
}) => {

    return (
        <div>
            This is a form for billboard page
        </div>
    )
}

export default BillboardPage

[utkarsh-1602]

concept used : Object Destructuring

The concept used here is called "object destructuring." In JavaScript, object destructuring allows you to extract properties from objects and bind them to variables in a more concise way. In the provided code snippet, the syntax { params } is an example of object destructuring, where it extracts the params property from the props object.