更改 React admin 中 ArrayInput 字段中的“删除图标”功能？

Question

我想编写自己的删除图标的函数。默认情况下，单击该图标时， TextInput 将消失。我想在单击该图标时执行一些额外的操作。这是我的代码：

<ArrayInput source="items">
   <SimpleFormIterator >
    <FormDataConsumer>
     {({ scopedFormData = {}, getSource, ...rest }) => {
      <TextInput source="name"} />}                
     </FormDataConsumer>
   </SimpleFormIterator>
  </ArrayInput>

Answer 1

是的，您应该能够将自己的

removeButton

传递给

<SimpleFormIterator>

。

你可以看看react-admin提供的以获得灵感： https://github.com/marmelab/react-admin/blob/master/packages/ra-ui-materialui/src/input/ArrayInput/RemoveItemButton.tsx#L14