我需要在antdesign和set state中创建一个下拉菜单

Question

我正在构建一个可重用的组件，它返回一个Ant Design Select下拉菜单。我正在努力获取值，并将其设置为父组件中的状态。

下面是下拉生成器。

<代码>以前
const [formData, setFormData] = useState({
meeting_topic: '',
meeting_start_time: '',
meeting_end_time: '',
mentor_id: '',
mentee_id: '',
admin_meeting_notes: '',
mentor_meeting_notes: '',
mentee_meeting_notes: '',
});
data和setData在props中被发送的状态如下。
const mentees = ['Mentee 1', 'Mentee 2', 'Mentee 3'];
数据选项道具如下。
const handleChange = e => {
setFormData({ ...formData, [e.target.name]: e.target.value });
console.log(formData);
};
onChange prop是下面的函数:
const options=[
{
value: 'jack',
label: 'Jack',
},
{
value: 'lucy',
label: 'Lucy',
},
{
value: 'disabled',
disabled: true,
label: 'Disabled',
},
{
value: 'Yiminghe',
label: 'yiminghe',
},
]
知道我可能做错了什么吗?我在不同的地方尝试过不同的组合。我似乎找不到太多关于将Select设置为状态的文档。谢谢你！
已经尝试将changeHandel直接移动到组件中，将名称移动到不同的位置，包括在返回djsx中。我甚至破坏了可重用性，直接在dynamicDropdown本身设置状态。

Answer 1

您的options数据结构无效。optoins阵列应该是这样的:

PP_6每个元素应该有值和标签要查看完整的代码，请点击这里:完整的代码