如何自定义BooleanInput以在列表中添加或删除项目？

Question

我正在使用很棒的react-admin库，正在寻找一种自定义BooleanInput字段的方法。

以下用例：我已将一系列权限授予用户。例如：

user: {
  rights: ["REGULAR", "VIP", "ADMIN"],
  otherFields...
}

并且UX要求是具有booleanInput来指示用户是否具有特定权限。例如。如果rights数组包含VIP，则应将BooleanInput设置为true。如果用户将其设置为false，则应从数组中删除VIP，反之亦然。

任何想法怎么做？

Answer 1

您正在寻找的是将输入转换为适合您的需求https://marmelab.com/react-admin/Inputs.html#transforming-input-value-tofrom-record

<BooleanInput source="rights" format={v => v.includes("VIP")} parse={v => {if(v){ //return array including vip} else {// return array excluding vip}}} label="Admin" />