替代这个componentWillMount案例?

问题描述 投票:0回答:3

我正在尝试重构一些旧代码。

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 (        )

}

}
reactjs react-lifecycle
3个回答
1
投票

在这种情况下(取决于你在componentWillMount尝试做的情况)。你不能把它放在你的constructor()

constructor(props) {
  super(props);

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

1
投票

你可以尝试使用getDerivedStateFromProps。这将是第一次调用以及任何后续更新。

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

0
投票

你可以用componenDidMount替换它:

componentDidMount() {   
    if (localStorage.getItem("JWT")) {
        this.setState({logged_out_redirect: false});
    }
}
© www.soinside.com 2019 - 2024. All rights reserved.