过滤项目时未选中的复选框值

Question

 <:-- begin snippet: js hide: false console: true babel: false -->

{allKanban.filter(item => {
                      if (searchKanban === ""){
                        return item;
                      } else if (item.kanbanNumber.toLowerCase().includes(searchKanban.toLowerCase())) {
                        return item;
                      }
                    })
                    .map((item, i) => {
                        return (
                          <TableRow key={i}>
                            <TableCell align="center" {...register(`selectedKanbanList.${i}.kanbanId`, { value: item.kanbanId })} >{item.kanbanNumber}</TableCell>
                            <TableCell align="center">
                              <Checkbox align="center" value={item.kanbanNumber} defaultChecked={item.isUsing} {...register(`selectedKanbanList.${i}.kanbanNumber`)} />
                            </TableCell>
                          </TableRow>
                        )
                      })}

如上面提到的代码尝试在列表中搜索看板时选择默认选中值删除并显示未选中值。 如何在不删除复选框中已选中的选中值的情况下搜索项目？

Answer 1

我怀疑如果您在带有register的行中使用${item.kanbanId}而不是${i} ，事情就会开始起作用。 您可能希望将事物连接到数组中的特定元素，而不是数组中元素的 position。 当您过滤掉项目时，position 会发生变化。