Как проверить условие в возвращении рендера, используя реагировать родной?

Question

В моем сценарии я пытаюсь создать validation logi c в рамках возврата. У меня есть asycstorage значение. Я получаю значение и проверяю его, используя приведенный ниже код

render() {
    const value = AsyncStorage.getItem(‘username’);
  return (
{value !== null &&
        (<View
        ……………..
         </View> )}
)}

Выше код не проверяется также на основе результата проверки, он не отображается. Если значение не равно нулю, значит, мне нужно сделать вид. Как этого добиться?

Answer 1

Как уже говорилось, AsyncStorage возвращает обещание. Способ сделать то, что вы хотите, это использовать состояние, чтобы знать, когда обещание было выполнено. Однако перед рендерингом вы должны вызвать функцию AsyncStorage.

didComponentMount() {
    AsyncStorage.getItem(‘username’).then((res)=>{this.setState({gotUsername: true}); value = res;});
}

render(){
    if(!this.state.gotUsername) {
        return value !== null &&
         (<View

         </View> )
    }
}