我们在 React .net core 中构建了一个项目(Web 应用程序),在客户端渲染中使用 react。
我们已经使用 react-helmet 动态分配元标记。
问题在于应用程序何时在浏览器中呈现。浏览器在初始加载时仅获取静态 HTML,其中不包括我们设置的动态元标记。但是,在检查时,您会在“元素”下获得这些元标记。
此外,如果我们使用这些 URL 在任何社交媒体(如 WhatsApp 或 Facebook)上共享,则该 URL 不会按应有的方式呈现任何元数据。
尝试寻找我们问题的解决方案,我们遇到的最明显的答案是尝试服务器端渲染。我们明白这一点,但是当我们准备好推出应用程序时,这不是在这个时刻尝试的解决方案。
我们遇到的其他人是“react-snap”,“react-snapshot”,但是react-snap没有运气,它需要将React的版本升级到16+,我们做到了,但我想并不是所有的依赖项都升级了,有一个错误说“
水合物不是函数
(水合物与react域有关)
使用 react-snapshot,我们找不到必要的类型定义,这是 react .net core 正常运行所必需的
请指导下一个可能的步骤(除了预渲染等付费步骤)?
主要目标:当我们在其中粘贴/共享 URL 时,社交应用程序应该呈现元数据。