使用react-dom获取服务器端呈现的所有组件的列表？

Question

我目前正在寻找一种获取服务器端在react-dom上呈现的所有组件的列表的方法。

之所以这样，是因为我想为每个组件注入预定义的翻译密钥列表，然后将此列表与HTML导出相结合，以减少加载完整翻译文件的需要。

我的想法是为这样的组件定义一个定义：

MyComponent.translations = [
 'key1',
 'key2''
];

通过获取已呈现的组件列表，我可以组合这个键列表并在发送到客户端之前对这些键进行转换。

我也对另一种解决这个问题的方式持开放态度。 （也许是上下文？）

谢谢！

Answer 1

你可以做一些技巧，如果你正在使用某种翻译库，例如react-i18next，你可以将翻译功能（仅当SSR）包含在一边，可以省去一些东西调用此函数的所有键...