如何使用React、GraphQL、Apollo创建多个可选复选框

Question

我正在使用React、GraphQL、Apollo创建多个可选复选框。

如果选中，我想进行查询，插入查询和取消选中，删除查询（我只想为选中/删除的项目生成查询）

现在我正在使用变异技术，但我有一个问题，所有的东西都被删除，然后被插入。

我只想为选定/删除的项目生成查询。如何修复它？

我的代码如下。

const [updateNoteMutation] = useUpdateNoteMutation();
const updateLogic = (key: string, value: string | number | Condition[]) => {
  const noteVariables = {
     variables: {
       id: noteData.id,
       noteAttributes: {
         [key]: value,
       },
     },
  };
  updateNoteMutation(noteVariables).then(({ errors }) => {});
});

const handleCollection=（名称：string，arr：Array）=

updateNoteMutation

突变更新日期（$id:id！，$noteAttributes:FemappNoteInput！）{femappUpdateNode（输入：{id:$id，noteAttributes:$noteAttributes}）{note{id checkboxList{name}}}

Please let me know if there is a source code that I can refer to

Thanks for reading my question.

Answer 1

您可以为此尝试选择“反应”。非常容易实现，完全可定制。这是回购协议；https://github.com/JedWatson/react-select