{"version":"1.0","type":"rich","title":"Menus with React","description":"This example showcases a pet selector menu built with React, demonstrating how to manage state for a dropdown component. The interface displays a label and a dropdown menu containing six animal options, with the hamster preselected as the initial value. The `Dropdown.js` component is a reusable React function that renders a native HTML select element, mapping the option list and controlling the selected attribute based on the parent's state. The main `App` component uses React's `useState` hook to track the current selection, logging each change to the console, and passes the updated value back to the dropdown through a callback handler, illustrating a basic controlled-input pattern in React.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}