Consider the following code snippet:const Header = () => { return (   <nav>     <ul>       <li>         <NavLink to="/">Home</NavLink>       </li>       <li>         <NavLink to="/about">About</NavLink>       </li>       <li>         <NavLink to="/contact">Contact</NavLink>       </li>     </ul>   </nav> );};What is the purpose of the NavLink component in this code?ATo create a new route in the React applicationBTo define a new navigation menu in the React applicationCTo provide an alternative way to create links between pages in the React applicationDTo define a new component that can be used in the React application

Which HTML element is used for defining a section of a webpage that contains navigation links?Options<nav><section><menu><links>

What is the purpose of a NavHost in a Compose app?

Explain the purpose of  Anchor tag in HTML .Give an example.

Explain the <link> tag in an HTML document, where it is located and the purpose of the tag.

What is the output of the following code snippet?function ParentComponent() { const data = { name: "John Doe", age: 30 }; return ( <div> <ChildComponent data={data}> <h3>This is a child element</h3> </ChildComponent> </div> ); } function ChildComponent(props) { const { name, age } = props.data; return ( <div> <h2>Name: {name}</h2> <h2>Age: {age}</h2> {props.children} </div> ); }AName: John Doe Age: 30This is a child elementBName: undefined Age: undefinedThis is a child elementCName: null Age: nullThis is a child elementDSyntax error