DropDownMenu | list based on multiple condition | Menu library

I have a few text boxes with single characters in them which will be inputted by the user. I have been trying to figure out how can i store these values in a vector. For example , if a user inputs the values B A C D A in boxes then my vector should look like x<- c(B,A,C,D,A).

EDIT: I have updated the code below. I did not update it first because it is a bit long. The code essentially gets as many checkboxes as there are columns in data set. If you tick a checkbox then you get 2 textboxinput and dropdownmenu

UI:

I am using streamlit for displaying a dropdown menu based on a csv list (symbols.csv).

This is how the csv list looks:

This is the code I am writing:

When I reload the 'details' page (which is not the homepage) on my app I get the error:

"TypeError: Cannot destructure property 'flag' of 'country' as it is undefined."

I guess that as the data is passed from the homepage to the other if we don't go from the homepage to the details page we can't load the data from the API.

After some researchs I concluded that I had to modify some things in the webpack.config.js but as I created my app with the command:

npx create-react-app my-app

it is hard for me to find the webpack config file and I'm not even sure that this would be the solution.

A card on the homepage (when clicked, leads to a detail page for the specific country):

Hello I can't figure out how to make a cut corners menu in jetpack compose 1.0.0-beta02. I tried wrapping the while menu with a surface but It didn't work.

I'm having this Map of items in a StatefulWidget , I'd like to use keys( Which are String) as a hint in the List of Dropdown buttons. And Values( which are List ) as items in the Dropdown Menus.

Can anyone please tell me how do I select multiple options in checkboxlisttile. Here I am able to click only one option. I want to set the status column in note table in database as completed when i check the particular item. (Actually I want to select the item as completed and display it under another tab called completed. checkboxlisttile is created dynamically i.e from database. When a new note is added it is displayed in this listview.)

note_info.dart //this is the screen where notes are displayed i.e listview

In Jetpact Compose 1.0.0-alpha11, the below is valid code

I have a screen which shows list of customers using listview. Next when I click on a customer I want to show the notes(records) only of that particular customer(customerId) in next screen in listview. This is my code which should work fine but its not displaying anything. I have checked if noteDetails table contains data and it has. Can anyone tell where am I wrong or what code should i add more please.

main.dart

Hi. How might I accomplish this loop successfully?

1. pass a function name from a parent component to a child component
2. have the child component return function name on an event (e.g. click)
3. execute the function name (now a string) within the parent component

An example of needing this would be using something like a DropdownMenu component in an Application Header – where the header has a logout link/handler that is passed to the menu with a mix of other href links/actions.

Here's a REPL example of the approach I'm taking currently (using window[functionName]) which isn't working yet –

https://svelte.dev/repl/280626d841d84dd08dd944ec249e4e6f?version=3.38.2

Thanks for any help.