これをグローバルではなくローカルで探す方法は？

Question

React Nativeとそのようなアプリの流れ全体に非常に新しいので、これが明白なことならごめんなさい。 :-)

わかりましたので、私はその中にこのコードを持っているコンポーネント作成しました：私のレンダリング機能では

constructor(props) { 
    super(props); 
    this.state = {isLoading: true}; //this = object 
} 

componentWillMount() { 
    var currentBusiness = firebase.database().ref("business/" + this.props.business) 
    currentBusiness.on('value', function(snapshot) { 
    currentBusinessData = snapshot.val() 
    this.setState = ({isLoading: false}) //this = globalobject 
    }); 
} 

を、私は、データがロードされたときに新しいビューをトリガするthis.state.isLoadingを使用したいですしかし、問題が呼び出されたときにデータが返されると、これはグローバルオブジェクトを指しています。firebase.databaseがグローバルレベルで開始されていると仮定しますが、setStateをローカルコンポーネントレベルで、新しいレンダリングがトリガされるようにしますか？

Answer 1

私は矢印機能があなたのために右の「この」を取得

currentBusiness.on('value', (snapshot) => { 
    currentBusinessData = snapshot.val() 
    this.setState({isLoading: false}) 
}); 

このアプローチを好みます。

また、古典的な「自己」変数または「その」変数も機能するはずです。

const self = this 
currentBusiness.on('value', function(snapshot) { 
    currentBusinessData = snapshot.val() 
    self.setState({isLoading: false}) 
}); 

btwのthis.setStateは関数であり、再描画をトリガーします。