我正在尝试找出应该在我的语义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
with类中看到我的传播运算符menu
。当我从下拉框中选择时,它将记录undefined
。
有人有主意吗?
我不得不学习更多有关语义CSS类的知识。这是使用Redux Form创建一个不错的下拉列表的代码
<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>
如果您不给选项一个值,它将作为您的标题/标题。IT将不是一种选择,一旦用户做出选择,它将消失。{... option}用于Redux Router的验证。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句