渲染某个组件时 React App 崩溃
React App Crashes When a certain Component Rendered
老实说,我不知道真正导致问题的原因,但会尝试解释一下。
在我的 React 应用程序中,我放置了一个 Google 翻译小部件(几年前已停用),只需单击一下即可轻松翻译整个网站。它工作正常,直到我单击 MODAL 或某个按钮来更改 TAB 而不更改路线。我的意思是,当路由时没有问题,但如果新组件在同一路由中呈现(就像在 MODAL 和 TAB 组件中一样),应用程序崩溃,我得到的只是一个空白页面。
图片使其更清晰:
看来,Google 将主页中的页面翻译成法语是一条不同的路线,一切似乎都还不错。
但是,当我点击“预订按钮”(垂直按钮)或“所有功能”按钮(底部黑色按钮)时,令人沮丧的是,这就是我得到的:
空白页。因此,在不使用 google-translate-widget 的情况下,一切都没有问题。但是如果页面被翻译并且用户点击一个按钮在同一路径上渲染一些组件,就会发生这种情况。任何解决方案建议或评论对我来说意义重大。
谢谢。
我得到了在 span 标签内导致 insertBefore 错误的组件。它解决了这个问题。
老实说,我不知道真正导致问题的原因,但会尝试解释一下。 在我的 React 应用程序中,我放置了一个 Google 翻译小部件(几年前已停用),只需单击一下即可轻松翻译整个网站。它工作正常,直到我单击 MODAL 或某个按钮来更改 TAB 而不更改路线。我的意思是,当路由时没有问题,但如果新组件在同一路由中呈现(就像在 MODAL 和 TAB 组件中一样),应用程序崩溃,我得到的只是一个空白页面。 图片使其更清晰:
看来,Google 将主页中的页面翻译成法语是一条不同的路线,一切似乎都还不错。
但是,当我点击“预订按钮”(垂直按钮)或“所有功能”按钮(底部黑色按钮)时,令人沮丧的是,这就是我得到的:
空白页。因此,在不使用 google-translate-widget 的情况下,一切都没有问题。但是如果页面被翻译并且用户点击一个按钮在同一路径上渲染一些组件,就会发生这种情况。任何解决方案建议或评论对我来说意义重大。 谢谢。
我得到了在 span 标签内导致 insertBefore 错误的组件。它解决了这个问题。