React-Admin：选择列表/数据网格项时是否会触发事件？

Question

我正在寻找当选择列表/数据网格项目时显示批量操作工具栏（“xx 项目选择重置视图按钮删除按钮”工具栏）的事件。这是一个 gif 示例：

当用户单击“全选”复选框时会触发以下事件

    <Datagrid onSelect={arr=> console.debug('datagrid->onselect:', arr)}>

附加问题：如果我像上面一样使用此事件，则当用户单击它时，复选框永远不会被选中。这是一个错误还是我如何解决它？

Answer 1

对于任何偶然发现这一点的人，需要记住两件事。

1. 有 2 个事件处理程序，

   onSelect

   和

   onToggleItem

   。第一个是在批量选择时触发，第二个是在单独选择时触发
2. 当您将这些事件处理程序之一提供给

   Datagrid

   时，它会切换到受控组件模式，这意味着您还需要为其提供

   selectedIds

   属性才能显示所选项目。您必须跟踪您自己的选定标识符列表（例如使用

   useState

   ）