使用具有语义UI的Redux表单

时间:2016-05-25 16:40:11

标签: reactjs redux semantic-ui redux-form

我正在试图弄清楚我应该将扩展运算符放在我的语义UI表单中。

<div class="ui selection dropdown">
  <input type="hidden" name="gender">
  <i class="dropdown icon"></i>
  <div class="default text">Gender</div>
  <div class="menu" {...gender}>
    <div class="item" data-value="0">Male</div>
    <div class="item" data-value="1">Female</div>
  </div>
</div>


function validate(values) {
  const errors = {};

  console.log(values.gender);
}

目前,您可以在{...gender}中使用类div查看我的点差运算符menu。当我从下拉框中选择时,它将记录undefined

有人有想法吗?

1 个答案:

答案 0 :(得分:1)

我必须学习更多关于语义CSS类的知识。下面是使用Redux Form

创建一个不错的下拉列表的代码
let position = CLLocationCoordinate2DMake(10, 10)
let marker = GMSMarker(position: position)
marker.title = "Hello World"
marker.map = mapView

如果您没有为该选项提供值,则会将其视为标题/标题。 IT将不是一个选项,一旦用户做出选择就会消失。 {... option}用于Redux路由器的验证。