请问，我参考use-antd项目实现自定义编辑器，如何在tsx里读取到打开的文件路径以及内容？

[hnhhzy]

请问，我参考use-antd项目实现自定义编辑器，如何在tsx里读取到打开的文件路径以及内容？
其实就是use-antd的demo项目了。。。如何在tsx里读取到 index.antd-theme的内容

[hnhhzy]

https://github.com/opensumi/opensumi-module-samples/tree/main/modules/use-antd 这个项目的demo,在txs里如何读取到打开的这个文件地址以及内容？

[erha19]

同时，在使用 registerEditorComponent 注册自定义组件协议时，你也可以通过第二个参数，往渲染组件内传递初始 Props，可以通过这种手段将文件路径传递进去

[erha19]

案例内，渲染 AntdComponent 时选择了 renderMode: EditorComponentRenderMode.ONE_PER_WORKBENCH 参数，即全局会复用同一个组件，组件只会被初始化一次，如果希望对同个组件做多实例（动态）创建，可以去掉这个参数，采用默认的组件创建策略即可。

[hnhhzy]

我有看到registerEditorComponent的第二个参数 initialProps，但是传了以后，如何在tsx里面接收这个参数呢。

[hnhhzy]

useInjectable(IFileServiceClient) 这个组内读取我知道，在什么接口获取到我打开的这个文件的路径呢？

[erha19]

@hnhhzy 看一下这个评论 #2352 (reply in thread) ，你去掉这个参数应该就可以在你的组件里面获取到你传的属性的。

[hnhhzy]

const test = useInjectable(WorkbenchEditorService);
const data = test.currentResource?.uri;
好像可以了……

[life2015]

自定义编辑器component时，可以看下props里面有个一个resource变量，在这里你可以拿到想要的内容。
同时在 service.registerResourceProvider 方法中，可以传入自己想要的resource。

后续我会在samples补充一下这块的用法。