Commit139eafb

committed

add ui error boundary

1 parent3a172c5 commit139eafbCopy full SHA for 139eafb

File tree

+29

-3

lines changed

+29

-3

lines changed

Lines changed: 6 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,13 +1,16 @@`
`1`	`1`	`import*asReactfrom'react'`
`2`	`2`	`import{ApolloProvider}from'@apollo/react-hooks'`
`3`	`3`
	`4`	`+importErrorBoundaryfrom'./components/ErrorBoundary'`
`4`	`5`	`importclientfrom'./services/apollo'`
`5`	`6`	`importRoutesfrom'./Routes'`
`6`	`7`
`7`	`8`	`constApp=()=>(`
`8`		`-<ApolloProviderclient={client}>`
`9`		`-<Routes/>`
`10`		`-</ApolloProvider>`
	`9`	`+<ErrorBoundary>`
	`10`	`+<ApolloProviderclient={client}>`
	`11`	`+<Routes/>`
	`12`	`+</ApolloProvider>`
	`13`	`+</ErrorBoundary>`
`11`	`14`	`)`
`12`	`15`
`13`	`16`	`exportdefaultApp`

Lines changed: 23 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,23 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+`
	`3`	`+classErrorBoundaryextendsReact.Component{`
	`4`	`+publicstate={hasError:false}`
	`5`	`+`
	`6`	`+publiccomponentDidCatch(error:Error,info:any){`
	`7`	`+// Display fallback UI`
	`8`	`+this.setState({hasError:true})`
	`9`	`+// You can also log the error to an error reporting service`
	`10`	`+console.error(error)`
	`11`	`+console.log(info)`
	`12`	`+}`
	`13`	`+`
	`14`	`+publicrender(){`
	`15`	`+if(this.state.hasError){`
	`16`	`+// You can render any custom fallback UI`
	`17`	`+return<h1>Something went wrong.</h1>`
	`18`	`+}`
	`19`	`+returnthis.props.children`
	`20`	`+}`
	`21`	`+}`
	`22`	`+`
	`23`	`+exportdefaultErrorBoundary`

Comments

(0)