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

Question

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

这样做的原因是因为我想为每个组件注入(inject)一个预定义的翻译键列表，然后组合这个列表并以 HTML 格式导出以减少加载完整翻译文件的需要。

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

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

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

我也对解决此问题的另一种方法持开放态度。 (也许是上下文？)

谢谢!

Answer 1

你可以做一些技巧，如果你正在使用某种翻译库，比如 react-i18next，你可以用 translation 函数(仅当 SSR 时)将保存调用此函数的所有键的东西...