React Native : const에 소품 사용

Question

나는 네이티브 반응을 보이고 로컬 MP3를 재생하는 간단한 앱을 만들려고 노력합니다. 정말 잘 작동하는 반응 - 네이티브 - 사운드 모듈을 사용하고 있습니다.

지금은 fileName을 내 카테고리의 소품으로 플레이어 구성 요소에 전달하려고합니다. 반응하는 네이티브 사운드가 나에게 사운드 파일을 미리로드해야하는 것처럼 보입니다.

"Unhandled JS Exception: Cannot read property 'fileName' of undefined".

...  
import Sound from 'react-native-sound'; 

const play = new Sound(this.props.fileName, Sound.MAIN_BUNDLE, (error) => { 
    if (error) { 
    console.log('failed to load the sound', error); 
    } else { // loaded successfully 
    console.log('duration in seconds: ' + play.getDuration() + 
     'number of channels: ' + play.getNumberOfChannels()); 
    } 
}); 

export default class playTrack extends Component { 
    constructor(props) { 
     super(props); 
     this.state = { 
     playing: false, 
     track: this.props.fileName, 
     }; 
    } 

    playTrack() { 
     this.setState({playing: true}) 
     play.play((success) => { 
     if (success) { 
      console.log('successfully finished playing'); 
     } else { 
      console.log('playback failed due to audio decoding errors'); 
     } 
     }) 
    } 
... 

어떻게 이것에 대해 갈 당신이 나를 위해 어떤 포인터가 있습니까 : 따라서, 지금 나는 다음과 같은 오류가 발생합니다?

Answer 1

클래스 인스턴스의 외부에서 클래스 인스턴스의 this에 액세스 할 수있는 권한이 없습니다. 대신 생성자에 Sound을 작성하십시오.

import Sound from 'react-native-sound'; 

export default class playTrack extends Component { 
    constructor(props) { 
     super(props); 

     this.play = new Sound(props.fileName, Sound.MAIN_BUNDLE, (error) = > { 
      if (error) { 
       console.log('failed to load the sound', error); 
      } else { // loaded successfully 
       console.log('duration in seconds: ' + this.play.getDuration() + 
        'number of channels: ' + this.play.getNumberOfChannels()); 
      } 
     }); 

     this.state = { 
      playing: false, 
      track: this.props.fileName, 
     }; 
    } 

    playTrack() { 
     this.setState({ 
      playing: true 
     }) 
     this.play.play((success) = > { 
      if (success) { 
       console.log('successfully finished playing'); 
      } else { 
       console.log('playback failed due to audio decoding errors'); 
      } 
     }) 
    }