Блог

Я пытаюсь провести рефакторинг некоторого старого кода.

componentWillMount устарел.

Как бы я реорганизовал его здесь во что-то другое?

 class Detail extends React.Component{

constructor(props) {
    super(props);

    this.state = {
        logged_out_redirect: true
    };
}   

componentWillMount() {  //<------ this lifecycle method has been deprecated, how do I replace it?

    if (localStorage.getItem("JWT")) {
        this.setState({logged_out_redirect: false});
    }
}

render() {

    if (this.state.logged_out_redirect) {
        return (<Redirect to={"/login"}/>)
    }

    return (        )

}

}
  

В этом случае (зависит от case, что вы пытаетесь сделать в componentWillMount ). Вы не можете поместить его в свой constructor()

 constructor(props) {
  super(props);

  this.state = {
    logged_out_redirect: localStorage.getItem("JWT") ? false : true
  };
}
  

Вы можете попробовать использовать getDerivedStateFromProps . Это будет вызвано в первый раз и для любого последующего обновления.

 static getDerivedStateFromProps(props, state) {
    if (localStorage.getItem("JWT") amp;amp; state.logged_out_redirect) {
        return {logged_out_redirect: false};
    }
    return null;
}
  

Вы можете заменить его на componenDidMount :

 componentDidMount() {   
    if (localStorage.getItem("JWT")) {
        this.setState({logged_out_redirect: false});
    }
}