Please, how do I structure this in React JS?

Sectors:
<select multiple="" size="5">
<option value="1">Manufacturing</option>
<option value="19">&nbsp;&nbsp;&nbsp;&nbsp;Construction materials</option>
<option value="18">&nbsp;&nbsp;&nbsp;&nbsp;Electronics and Optics</option>
<option value="6">&nbsp;&nbsp;&nbsp;&nbsp;Food and Beverage</option>
<option value="342">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bakery &amp; confectionery products</option>
<option value="43">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Beverages</option>
<option value="42">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Fish &amp; fish products</option>
<option value="40">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Meat &amp; meat products</option>
<option value="39">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Milk &amp; dairy products</option>
<option value="437">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Other</option>
<option value="378">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sweets &amp; snack food</option>
<option value="13">&nbsp;&nbsp;&nbsp;&nbsp;Furniture</option>
<option value="389">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bathroom/sauna</option>
<option value="385">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bedroom</option>
Sectors:
<select multiple="" size="5">
<option value="1">Manufacturing</option>
<option value="19">&nbsp;&nbsp;&nbsp;&nbsp;Construction materials</option>
<option value="18">&nbsp;&nbsp;&nbsp;&nbsp;Electronics and Optics</option>
<option value="6">&nbsp;&nbsp;&nbsp;&nbsp;Food and Beverage</option>
<option value="342">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bakery &amp; confectionery products</option>
<option value="43">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Beverages</option>
<option value="42">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Fish &amp; fish products</option>
<option value="40">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Meat &amp; meat products</option>
<option value="39">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Milk &amp; dairy products</option>
<option value="437">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Other</option>
<option value="378">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sweets &amp; snack food</option>
<option value="13">&nbsp;&nbsp;&nbsp;&nbsp;Furniture</option>
<option value="389">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bathroom/sauna</option>
<option value="385">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bedroom</option>
11 Replies
Corizon
Corizon6mo ago
It was sent to me as an interview test. I need help with it, I have 2 hrs left 🙏🏾
b1mind
b1mind6mo ago
If you have 2 hours you should be able to research and figure it out, if not maybe not ready for the job.
Corizon
Corizon6mo ago
This is what I have been able to come up to
No description
No description
Corizon
Corizon6mo ago
I believe they want me to have it this way
No description
Corizon
Corizon6mo ago
Like a sub of a sub of a sub
Corizon
Corizon6mo ago
Here is what the instruction looks like
No description
Corizon
Corizon6mo ago
I am ready, I moved on to creating the db and all that, now I need to get those informations into the db
Corizon
Corizon6mo ago
This is what my code looks like
No description
Corizon
Corizon6mo ago
No description
vince
vince6mo ago
It's just a form, so send the form information to the right endpoint when you click the submit button. You can use fetch() for this or some other request library
Corizon
Corizon6mo ago
Yeah, I know but it's not really about the right endpoint, it's about indenting the select input the it's structured in the HTML