如何在 ArrayImput 和 SimpleFormIterator 中水平排序输入

Question

是否可以在 ArrayImput 和 SimpleFormIterator 中水平排列输入？我知道默认是垂直的。谢谢

在此处查看 ArrayInputs 中垂直输入的图像。输入可以水平排列吗？谢谢

Answer 1

是的，ArrayInput 是使用 material-ui 制作的，它带有其样式方式。例如，您可以使用元素 root、form 等...

const useIteratorStyle = makeStyles(() => ({
  root: {
    display: 'flex',
    flexDirection: 'row',
  },
  form: {
    width: '100%',
  },
  line: {
    border: 0,
  },
}));

const iteratorClasses = useIteratorStyle();

<ArrayInput {...props}>
  <SimpleFormIterator classes={iteratorWithIndexClasses}>
  ...
  </SimpleFormIterator>
</ArrayInput>

给我类似的东西

您可以覆盖 SimpleFormIterator 中定义的 useStyles 对象的每个属性：https://github.com/marmelab/react-admin/blob/master/packages/ra-ui-materialui/src/form/SimpleFormIterator.tsx

如何在 ArrayImput 和 SimpleFormIterator 中水平排序输入

how to order inputs horizontally within ArrayImput and SimpleFormIterator

react-admin