【React】react16新增错误处理生命周期

React16新增了一个用于错误处理的生命周期,

有了这个法宝,我们就能针对组件的错误做很多事情啦, 来看看怎么用

使用示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
export default class Errorfun extends Component {
constructor( props) {
super(props)
this.state = { hasError: false }
}
// 捕捉错误和错误上报程序库一起使用
componentDidCatch(err, info) {
this.setState({ hasError: true })
}
render() {
if ( this.state.hasError ) {
return <div>Somthing error </div>
}
return (
<div>
Hello React
</div>
)
}
}
你的支持将鼓励我继续创作