react.js - react-alert - 未捕获的不变违规：无效的钩子调用

Question

我的react.js应用程序中有这段代码：import { withAlert} from "react-alert"; class Signup extends React.Component {state={email:'',passwordHash:'',rePasswordHash:''};onButtonClick = () =>{    if(this.state.passwordHash!==this.state.rePasswordHash){        this.props.alert.error("Wrong password");    }    else{        this.props.alert.show("Creating new account");    }};render(){    return(                    <ButtonActor name="Sign In" onButtonClick={this.onButtonClick} />    );}}export default withAlert()(Signup);它在我的SignUp班级中，每当用户尝试创建帐户时，它只需要在两个字段中输入的密码是否相同。据此，它应该创建一个警报。但它正在崩溃并给我这个错误：Uncaught Invariant Violation: Invalid hook call. Hooks can only be called inside of the body of a function component.react-alert，我正在使用的库。任何人都可以帮助我如何解决这个问题？