Как обновить значение глобальной переменной реагировать на родную?

Question

Я хочу обновить значение bjpv и, наконец, установить его состояние в новое обновленное состояние, которое я получу из функции firebase

Я использую expo для моего собственного приложения. Это простое приложение для голосования.

class Dashboard extends React.Component {
constructor(props){
    super(props)
    this.state = ({
        name: '',
        bjp:'',
    })
    this.componentDidMount=()=>{
        var bjpv;
        console.log("var bjpv loaded")
        firebase.database().ref("candid/BJP").once('value').then(function(snapshot){
            ping = snapshot.val().votes;
            // return bjpv;
            console.log("Start firebase");
            console.log(bjpv);
            console.log(ping);
            this.setState.bjpv = this.setState.ping;
            console.log("Closing firebase")
        })
        console.log("No fire");
        console.log(bjpv);
        console.log("End message")
        this.setState(function(state, props){
            console.log("Hello")
            return {
                bjp: bjpv,
            }
        })
}
}

И я хочу получить доступ к своим значениям в этом массиве const

var data = [
    { name: 'BJP', votes : this.state.bjp, color: 'pink', legendFontColor: '#7F7F7F', legendFontSize: 10 }]

Я хочу, наконец, обновить значение голосов в данных var, полученных из firebase.

Answer 1

Я пытаюсь понять твой код.Это то, что вы имели в виду?

class Dashboard extends React.Component {
  state = {
    name: '',
    bjp: ''
  }

  componentDidMount() {
    firebase.database().ref("candid/BJP").once('value')
      .then(snapshot => {
        let bjp = snapshot.val().votes;
        this.setState({ bjp });
      })
  }
}