I dont want to use states because this is my 2nd dropdown and its connected to the first one. And i found out when i do `this.setstate(...);` react is re-render and its breaks my first dropdownlist every selected forms are unselecting. So i want to use this:

```
const data =[{
   "tablename": "demo_1",
   "segments": "asd"
},
{
   "tablename": "demo_2",
   "segments": "dsa"
}];

```

And i want something simple like this:
[![enter image description here](https://i.stack.imgur.com/jeXRC.png)](https://i.stack.imgur.com/jeXRC.png)

Is it possible to do that ? I searched but cant find a decent answer.