ReactネイティブではRefをどのように使用していますか？ここに私のコードサンプルがあり、ここで

Question

をやっていることREF教えてくださいあなたは、参照を使用して、このような何かを行うことができ、私にREF

<Camera 
      ref={(cam) => { 
      this.Camera = cam; 
     }} 
      style={styles.preview} 
      aspect={camera.constants.Aspect.fill} > 
      <Text style={styles.capture} 
      onPress = { this.takePicture.bind(this)}> 
      [CAPTURE] 
      </Text> 

</Camera> 

Answer 1

を使用する目的を教えてください：

<Camera 
      ref={(cam) => { 
      this.Camera = cam; 
     }} 
      style={styles.preview} 
      aspect={camera.constants.Aspect.fill} > 
      <Text style={styles.capture} 
      onPress = { this.takePicture.bind(this)}> 
      [CAPTURE] 
      </Text> 

</Camera> 

takePicture() { 
    this.Camera.capture() 
     .then((data) => console.log(data)) 
     .catch(err => console.error(err)); 
} 

refへの参照を返します。コンポーネント上記の例では、コンポーネントCameraの参照をthis.Cameraに保存しています（this.xyzなどの名前を付けることができます）。今度はthis.Cameraを使用してCameraコンポーネントのすべてのメソッドにアクセスできます。上記の例では、captureはCameraコンポーネントのメソッドで、this.Camera.capture()のように呼び出すことができます。

あなたは理解を容易にするため、このように考えることができ：

Camera = { // your <Camera /> component 
    capture: function(){ console.log('CAPTURE')} 
} 
myCamera = Camera // ref is doing something like this("myCamera" replaces "this.Camera", "Camera" replaces 'cam") 
myCamera.capture() // now you can call methods of Camera Object