Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应路由器。如何防止在容器上出现任何错误时导致整个应用程序崩溃(第页)_Javascript_Reactjs_React Router_React Redux_Jsx - Fatal编程技术网

Javascript 反应路由器。如何防止在容器上出现任何错误时导致整个应用程序崩溃(第页)

Javascript 反应路由器。如何防止在容器上出现任何错误时导致整个应用程序崩溃(第页),javascript,reactjs,react-router,react-redux,jsx,Javascript,Reactjs,React Router,React Redux,Jsx,我有这样的代码 例如,如果“关于”页面出现语法错误,则整个应用程序将崩溃 如何处理这种情况 路由是否必须在单独的(配置)文件中,或者在index.js文件中也可以 在现实生活中使用React路由器的最佳实践是什么 使用browserHistory的项目?可能是git repo上的一些模板或示例 考虑使用您定义的ErrorBoundary组件来包含错误并显示友好的错误消息。如果您使用的是React 16,这是推荐的方法: 见丹·阿布拉莫夫的演示: 此方法的优点是,您可以选择希望错误冒泡的组件

我有这样的代码

例如,如果“关于”页面出现语法错误,则整个应用程序将崩溃

  • 如何处理这种情况
  • 路由是否必须在单独的(配置)文件中,或者在index.js文件中也可以
  • 在现实生活中使用React路由器的最佳实践是什么 使用browserHistory的项目?可能是git repo上的一些模板或示例
    考虑使用您定义的ErrorBoundary组件来包含错误并显示友好的错误消息。如果您使用的是React 16,这是推荐的方法:

    
    
    见丹·阿布拉莫夫的演示:


    此方法的优点是,您可以选择希望错误冒泡的组件层次结构的多个级别。请考虑使用您定义的ErrorBoundary组件来包含错误并显示友好的错误消息。如果您使用的是React 16,这是推荐的方法:

    
    
    见丹·阿布拉莫夫的演示:


    此方法的优点是,您可以选择希望错误冒泡的组件层次结构的多个级别的人员。

    您可以通过以下方式提问:(1)修复原始链接的代码段,(2)添加您认为必要的任何附加信息,而不是使用注释。明确地说,您不应该构建内部有语法错误的应用程序。在这种情况下,我建议查看应用程序交付工作流。@ArkadyB这只是一个示例。С可能是您没有想到的任何错误,但它不应该破坏整个应用程序。您可以通过以下方式提出问题:(1)修复原始链接的代码段,(2)添加您认为必要的任何附加信息,而不是使用注释。明确地说,您不应该构建包含语法错误的应用程序。在这种情况下,我建议查看应用程序交付工作流。@ArkadyB这只是一个示例。С可能是您没有想到的任何错误,但它不应破坏整个应用程序
    <ErrorBoundary>
      <MyComponent/>
    </ErrorBoundary>