{"version":"1.0","type":"rich","title":"Menus with React","description":"This example demonstrates interactive dropdown menus built with React, showing a pet selection interface where users choose from options like goldfish, spider, and hamster. The React component `Dropdown` manages the menu, while `useState` tracks the selected value and updates it through an `onSelectedValueChange` callback. The code uses React 16.9.0 and ReactDOM to render the interface, with options defined in a static array in `index.js`. The example highlights how React handles form state and event-driven UI updates in a visualization context.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7287cc723b8a472d98367303cffdde9e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}