function - 打开 native 屏幕时调用函数

Question

每次用户打开我的 react-native 屏幕之一(我使用的是 StackNavigator)时，我都会尝试从 AsyncStorage 加载 JSON。此 JSON 包含有关我的状态应设置为什么的信息。

如何调用每次打开此屏幕时运行的函数？

更多信息:
我编写了一个函数，根据从 AsyncStorage 加载的 JSON 更新我的状态。从按钮调用该函数时可以完美运行，但是当从 render() 调用该函数时，我的部分屏幕会卡住并且某些按钮不再可触摸。奇怪的是只有 TextInput 仍然有效。

Answer 1

使用componentWillMount()方法。这将在 render() 方法被触发之前自动执行。

class Sample extends Component{
    state = {data : []};
    componentWillMount(){
        this.setState({data : inputObject});
    }
    render(){
        return(
            <View>
            //you can render the data here
            </View>
        );
    }
}

引用:https://facebook.github.io/react/docs/react-component.html#componentwillmount