javascript - 如何在没有状态的情况下填充 React 中的 DropdownList 选项？

Question

我不想使用状态，因为这是我的第二个下拉菜单，并且它与第一个下拉菜单相关。当我这样做时我发现了this.setstate(...); react 是重新渲染，它打破了我的第一个下拉列表，每个选定的表单都被取消选择。所以我想用这个:

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

我想要这样简单的东西:

可以这样做吗？我搜索过但找不到合适的答案。

Answer 1

在我看来，你的组件状态在组件层次结构中的位置不够高。尝试将状态存储在父组件中，并将其作为 props 传递到下拉列表中。