React Native - 如何从我的 fetch 方法中创建一个全局变量

Question

所以我有一个方法可以获取一个 api，从它的表 ID 中获取最大值，然后将该值赋给一个全局变量。

但是 componentDidMount 稍后会进行获取，因此我的应用会显示“未定义”，而不是先获取然后将值分配给变量。

代码：

constructor(props) {
    super(props);
    this.state = {
        data: [],
        id: '',
    };
}



fetchData = () => {
            fetch(url)
                .then(request => request.json())
                .then(response => {
                    this.setState({
                        data: response,
                        id:Math.max.apply(Math, response.map(function (o) { return o.id; })) + 1,
                    });
console.log(this.state.id) // this gives me the highest id + 1 /here it works but check the render method!
                });
        }


componentDidMount = () => {
            this.fetchData();
        }


render() {
    return (
        <View
            style={styles.container}
        >
            <ScrollView>
                <TextInput
                    style={styles.input}
                    placeholder={this.state.id} //here it uses the original states value which is empty ('') and not the one from the fetch' setState...why?
                    onChangeText={(text) => this.updateValue(text, 'id')}
                />

            </ScrollView>

        </View>
    );
  }
}

Answer 1

只需将其添加到global 范围。 例如：global.myVar = "my global variable"