SilverStripe管理区如何自定义组件？答案

【问题标题】：How to customize components in the admin area of SilverStripe?SilverStripe管理区如何自定义组件？
【发布时间】：2019-12-08 22:33:06
【问题描述】：

我正在尝试关注这个tutorial。

问题在于 Injector API 与教程中的使用方式略有不同。 Injector不需要导入，很多方法都是在某些属性下找到的（比如Injector.default.transform和Injector.default.component.transform）。

我试过了：

Injector.default.component.transform('character-count-transform', (updater) => { updater('TextField', CharacterCounter); });

我在控制台中没有收到任何错误，但 TextField 没有改变。

injector repository 甚至提到只有部分文档适用于这个版本。

【问题讨论】：

仅供参考，该存储库目前不是与 silverstripe/admin 捆绑的 Injector 版本。这是一个独立版本，我们的目标是更多地使用，但目前可能会有一些差异。

标签： reactjs webpack silverstripe silverstripe-4

【解决方案1】：

教程中的代码是正确的

Injector.transform('character-count-transform', (updater) => {
  updater.component('TextField', CharacterCounter);
});

但是，如果您在页面管理中查看 TextField，您将看不到反应组件，因为该部分尚未“反应”。查看文件管理（上传文件）并查看图像的详细信息表单，文本字段应该呈现更新的组件。我仍在研究如何让它在页面管理部分工作，但我最初的猜测是继承 TextField 并在该类中提供一些 react-y 的东西。 dnadesign/silverstripe-elemental 一些想法

【讨论】：