Я внес базовую ошибку, получив доступ к свойству length с нулем, в моем компоненте под названием App2. Но моя ошибка границы не срабатывает для того же. Вот пример в прямом эфире https://codepen.io/abhinavthinktank/pen/gEePPe. Я не уверен, почему это происходит
class ErrorBoundary extends React.Component {
constructor(props) {
super(props);
this.state = { hasError: false };
}
componentDidCatch() {
// Display fallback UI
this.setState({ hasError: true });
}
render() {
const { hasError } = this.state;
const { children } = this.props;
if (hasError) {
return <div>ERRRORRRRRRRRRRRRRRRRRRRRRRRRRRR</div>;
}
return children;
}
}
class App extends React.Component {
render() {
let test2 = null;
return (
<div>
{test2.length}
<h1>Hello, React and ES6!</h1>
<p>Let's play. :)</p>
</div>
);
}
}
const App2 = props => {
return(
<ErrorBoundary>
<App/>
</ErrorBoundary>
)
}
ReactDOM.render(<App2 />, document.getElementById("app"));