你能在 React Native 异步中制作 render() 方法吗?

Question

我有一个 React Native 组件，需要从异步存储中获取一个对象才能渲染。像这样的东西。

class Class1 extends Component {
  async render() {
    let data = AsyncStorage.getItem('data');
    return (
      <View>
        {data}
      </View>
    )
  }
}

我之所以让我 render(( 方法成为异步函数，以便我可以等待 AsyncStorage.getItem(( 方法的返回，这样组件就不会尝试返回 直到"数据"对象从异步存储返回。但是，当我使用"async render(("时，我得到"不变违规：对象作为 React 子项无效"。

有什么提示吗？

Answer 1

没必要，你想要有条件的渲染这样的东西。

_retrieveData = async () => {
  try {
    const value = await AsyncStorage.getItem('data');
    if (value !== null) {
      // We have data!!
      return (
          <View>{value}</View>
      );
    }
  } catch (error) {
    // Error retrieving data
  }
};

然后在渲染函数中调用它。

render() {
  return (
    {this._retrieveData()}
  )
}