要在渲染中进行比较的 firebase 数据

Posted 2023-03-08

【中文标题】要在渲染中进行比较的 firebase 数据

【英文标题】：firebase data to comparison in render

【发布时间】：2018-10-28 05:56:58

【问题描述】：

我需要帮助来比较 firebase 数据 (if) 并渲染正确的组件。

任何帮助将不胜感激。

export default class EstoqueScreen extends Component 

constructor(props)
    super(props);
    var id=firebase.auth().currentUser.uid;
    firebase.database().ref().child('users/'+id).once('value').then((snapshot) => 
        var tipoUsuario=snapshot.val().tipo
    );

render()
    console.log(this.tipoUsuario);
    if(this.tipoUsuario==='admin')
        return(
            <View>
                 <EstoqueAdminScreen/>
            </View>
        )
    else if(this.tipoUsuario==='vendedor')
        return(
            <View>
                 <EstoqueVendScreen/>
            </View>
        )
    

【参考方案1】：

  export default class EstoqueScreen extends Component 

    constructor(props)
        super(props);
        state = 
          loading: true,
          tipoUsuario: null,
        
    

    componentDidMount()
      var id=firebase.auth().currentUser.uid;
      firebase.database().ref().child('users/'+id).once('value').then((snapshot) => 
        this.setState( tipoUsuario: snapshot.val().tipo, loading: false )        
      );
    

    render()
        console.log(this.state.tipoUsuario);
        if(this.state.loading)
          return (
            <View>Loading</View>
          )
        
        if(this.state.tipoUsuario==='admin')
            return(
                <View>
                    <EstoqueAdminScreen/>
                </View>
            )
        else if(this.state.tipoUsuario==='vendedor')
            return(
                <View>
                    <EstoqueVendScreen/>
                </View>
            )
        
        return (
          <View>No hay tipo</View>
        )
    
  

【讨论】：

TypeError: null 不是对象（正在评估 'this.state.tipoUsuario'）