Reactjs 如何等待异步存储的结果?

Reactjs 如何等待异步存储的结果?,reactjs,react-native,Reactjs,React Native,在运行其他函数之前,我需要先运行AsyncStorage,但是AsyncStorage需要一段时间才能运行,并且它会在代码末尾给出Resultlt constructor(props) { super(props); AsyncStorage.getItem(TOKEN).then((r) => { console.log("AsyncStorage Function") }) this.state = { token: null }

在运行其他函数之前,我需要先运行AsyncStorage,但是AsyncStorage需要一段时间才能运行,并且它会在代码末尾给出Resultlt

 constructor(props) {
   super(props);
  
  AsyncStorage.getItem(TOKEN).then((r) => {
    console.log("AsyncStorage Function")
  })

  this.state = { token: null } 
  console.log("The last Function")

}

理想情况下,假设构造函数是react类组件,则不应在构造函数内执行任何异步任务

因此,如果您希望执行任何异步任务,可以使用组件生命周期方法

但一般来说,如果您想等待异步操作,那么可以通过不同的方式实现

使用承诺 const promiseFun==>{ 返回新的PromiseSolve,拒绝=>{ 设置超时=>{ 决心成功 }, 1000 } } promiseFun.thenres=>{ //这里res是从promise函数返回的内容 console.logres; //异步操作之后需要执行的所有必需的操作都应该放在这里。 }; //在异步操作完成之前,将执行此处编写的任何操作/语句 console.log在承诺返回之前;