Невозможно прочитать свойство 'translationOffset' из неопределенного - PullRequest
0 голосов
/ 15 октября 2018

Я использую реагировать-vr и пытаюсь использовать объект json для рендеринга изображения, но я получаю сообщение об ошибке, что браузер cannot read property 'rotationOffset' of undefined.Ниже мой код для справки.

     static defaultProps = {
            portal: 'webTour.json',
          } //assigning the json to a variable.

        componentDidMount() {
        fetch(asset(this.props.portal).uri)
        .then(response => response.json())
        .then(responseData => {
          this.init(responseData);
        })
        .done
        ();
      }

    init(tourConfig) {
        // Initialize the tour based on data file.
        this.setState({
          data: tourConfig,
          locationId: null,
          nextLocationId: tourConfig.firstPhotoId,
          rotation: tourConfig.firstPhotoRotation + (tourConfig.photos[tourConfig.firstPhotoId].rotationOffset || 0),
        });
      }

render() {
//some code

const locationId = this.state.locationId;
    const photoData = (locationId && this.state.date.photos[locationId]) || null;
    const rotation = this.state.data.firstPhotoRotation + ((photoData && photoData.rotationOffset) || 0);
    const isLoading = this.state.nextLocationId !== this.state.locationId;

return (
<Pano source = {asset(this.state.data.photos[this.state.nextLocationID].uri)} />

}

А ниже мой файл json для справки.

{
  "nave_icon": "gateway.png",
  "firstPhotoID" : "112001",
  "firstPhotoRotation" : 90,
  "photos":{
    "112001":{
      "rotationOffset": 0,
      "uri": "CustomPano_2.jpg",
}
}
}

Я пытаюсь изменить фоновое изображение с объектами внутри Pano.Я пропустил какой-либо важный синтаксис?Я потратил часы, чтобы выяснить, проблема не работает.Буду признателен за любую оказанную помощь.

...