首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用数组格式化复选框字段的值?

如何使用数组格式化复选框字段的值?
EN

Stack Overflow用户
提问于 2020-01-21 01:11:05
回答 1查看 4.6K关注 0票数 4

在React最终形式中,我们可以使用formatparse道具来存储与指定的值不同的text类型输入,但是对于复选框,这似乎不一样。

示例:

代码语言:javascript
运行
复制
<FieldArray name='test' initialValue={[true, false]}>
    <Field 
        component='input' 
        type='checkbox' 
        format={value => value ? 'foo' : null} 
        parse={value => value ? 'foo' : null}/>
    </Field>
</FieldArray>

在本例中,要存储的值仍然是truefalse,而不管使用formatparse。可以将值从[true, false]格式化为["foo"]吗?

提前感谢您的帮助。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-01-22 08:30:16

您的format函数需要将其转换为布尔值。

代码语言:javascript
运行
复制
<Field
  name="employed"
  component="input"
  type="checkbox"
  format={v => v === "foo"}
  parse={v => (v ? "foo" : null)}
/>

但是听起来你想要使用复选框来管理数组中的成员资格的已经内置的功能。要做到这一点,只需将value支柱指定为<Field/>即可。参见“酱汁”示例:

format/parse示例还包括☝️。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59832895

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档