javascript - 使用 AsyncStorage 更新状态 - React Native

Question

当我想要更新组件的状态时，我遇到了 componentWillMount 的一个小问题，我收到此错误。

代码是这样的:

export default class RouterComponent extends Component {

constructor(props) {
    super(props);
    this.state = {
        isLogin: null
    }
}

componentWillMount = async () => {
    AsyncStorage.getItem('@MyUserFireBase:key').then(response => {
        this.setState({ 'isLogin': true });
    }).done();
}



render() {

    return (
        <Router>
            <Stack key="root" hideNavBar>
                <Stack key="main">
                    <Scene key="login" initial={!this.state.isLogin} component={LoginForm} title="Login" />
                    <Scene key="employeeList" initial={this.state.isLogin} component={EmployeeList} title="Employee List" />
                </Stack>
            </Stack>
        </Router >
    )
}

}

我花了 3 天多的时间寻找解决方案，但找不到。我究竟做错了什么？ 感谢您的宝贵时间

Answer 1

查看组件生命周期方法来帮助您解决问题:https://engineering.musefind.com/react-lifecycle-methods-how-and-when-to-use-them-2111a1b692b1

对于我的答案，请尝试以下操作:

componentDidMount = async () => {
    AsyncStorage.getItem('@MyUserFireBase:key').then(response => {
        this.setState({ 'isLogin': true });
    }).done();
}

此外，如果这不起作用，请尝试更新，因为您正在设置状态:

componentDidUpdate() =  {
        AsyncStorage.getItem('@MyUserFireBase:key').then(response => {
            this.setState({ 'isLogin': true });
        }).done();
    }