如何将compose recompose实用程序转换为react hooks

Question

我最近开始迁移重组软件包以响应钩子，但是我不明白它是如何转换的。我正在发布示例，请为此提供帮助。

> import { compose, setDisplayName, withProps } from "recompose";
> 
> export const LoginRoute = compose<InternalProps, LoginRouteProps> (  
> setDisplayName("Login"),   withProps(({ location }) => ({
>     email: "example@gmail.com",
>     accountActivationSuccess: "account",
>     externalLoginFailed: "error",
>     changePasswordSuccess: "password"   })) )(({ email, accountActivationSuccess, changePasswordSuccess, externalLoginFailed
> }) => (   <ThemedContent>
>     <LoginForm
>       twoFactorTokenExpired={twoFactorTokenExpired}
>       accountActivationSuccess={accountActivationSuccess}
>       externalLoginFailed={externalLoginFailed}
>       model={{ email: email || localStorage.getItem("sso:email") || "", password: "", returnUrl: returnUrl || "/", changePasswordSuccess
> }}
>     />   </ThemedContent> ));

请帮助我转换重组代码以响应钩子