这是行不通的，因为
componentDidCatch()仅适用于捕获由子组件抛出的错误。在这里似乎您正在尝试捕获同一组件引发的错误-这将无法正常工作。
有关更多信息，请参见官方文档：
错误边界是React组件，可 在其子组件树的任何位置捕获Javascript错误，记录这些错误，并显示后备UI， 而不是崩溃的组件树。
注意 “子组件树中的任何位置” 。
因此，您要做的就是将您的组件包装在另一个组件中，该组件可以管理所有抛出的错误。就像是：
<ErrorBoundary> <SignUpInit /></ErrorBoundary>
<ErrorBoundary />简单到哪里：
class ErrorBoundary extends React.Component { constructor(props) { super(props); this.state = {hasError: false}; } componentDidCatch(error, info) { this.setState({hasError: true}); } render() { if(this.state.hasError) return <div>Error!</div>; return this.props.children; }}
