Reactjs 在语义UI中使用Redux表单

我正试图弄清楚我应该把我的扩展操作符放在语义UI表单中的什么位置

性别
男性
女性
函数验证（值）{
常量错误={}；
console.log（值、性别）；
}

目前，您可以看到我在类

菜单的
div
中有我的排列运算符
{…gender}
。当我从下拉框中选择时，它将记录
undefined

有人有什么想法吗？
我必须学习更多关于语义CSS类的知识。下面是使用Redux表单创建一个不错的下拉列表的代码

<div className="field">
  <select className="ui dropdown input" {...options}>
    <option value="">This is the header side the input</option>
    <option value="1">Option 1</option>
    <option value="0">Option 2</option>
    <option value="2">Option 3</option>
  </select>
</div>


这是输入的标题侧
选择1
选择2
选择3

如果您不给该选项一个值，它会将其视为标题/标题。它不是一个选项，一旦用户做出选择，它就会消失。{…选项}用于Redux路由器的验证。
输入在哪里？
div
上没有
onChange
属性。我不确定你的意思。。。我直接从他们的一个示例中获取的html。这是他们文档的链接这是一个下拉字段，我想捕捉用户的选择。