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

时间:2020-06-01 10:23:00

标签: reactjs react-redux react-admin

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

以下用例:我为用户提供了一系列权限。例如

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

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

任何想法该怎么做?

1 个答案:

答案 0 :(得分:0)

您正在寻找的内容正在转变以适应您的需求 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" />