react-admin中的<SimpleForm>和<TabbedForm>是如何自动向输入组件注入资源属性的？

Question

不幸的是，我在文档中找不到解释，这些东西是如何工作的，我是个新手，所以很难理解发生了什么。

这个魔法是如何工作的，在哪里可以找到它的源码是隐藏的魔法吗？

这是React库中常见的模式，还是react-admin所做的特殊事情？

为什么他们不在其他组件中注入资源道具？

Answer 1

他们在整个react-admin中使用react的cloneElement来克隆子组件，然后这个方法也允许注入道具。例如，在像Datagrid这样的迭代器组件中，它们将映射到所有记录，然后克隆每个记录的子级，并为该迭代插入一个record属性。这也是为什么一些组件(输入和字段组件)需要是迭代器组件的直接子组件，以便在两者之间不能有其他组件(比如用于布局的Material-UI Grid组件)，因为这样注入的道具就会丢失。