Метеор + реагировать «Некопать TypeError: Невозможно прочитать данные свойства« неопределенного »

Question

Im, использующий Meteor + React и« this.props.thing.source »- это строка для mongodb _id.

Функция «findOne()» является одной из функций Метеор. Как вы можете видеть, он отлично работает, когда я передаю строку самого идентификатора, но я получаю неопределенную ошибку при передаче в переменной, хотя эта переменная отображает эту же строку.

В этом коде:

Thing = React.createClass({ 
    propTypes: { 
    thing: React.PropTypes.object.isRequired 
    }, 
    render() { 
    return (
     <ul> 
     <li>Display: {Things.findOne(this.props.thing.source).data}</li> 
     <li>Display: {Things.findOne("emq6M4WbJeRvkA6Q3").data}</li> 
     <li>Source: {this.props.thing.source}</li> 
     </ul> 
    ); 
    } 
}); 

Это не работает:

Дисплей: {Things.findOne (this.props.thing.source) .data}

Эта работа:

Дисплей: {Things.findOne ("emq6M4WbJeRvkA6Q3") данные.}

И это правильно делает "emq6M4WbJeRvkA6Q3":

Источник: {} this.props.thing.source

Индикатор ошибки я получаю:

"Uncaught TypeError: не удается прочитать свойство 'данные' неопределенных"

Answer 1

Вы получаете ошибку из-за того, что Things.findOne() возвращает undefined.

Вы говорите, что вызов выше функций с this.props.thing.source не работает, что это неправильно, но так как вы не упоминая, как визуализация Вашего Thing компонента происходит ваш лучший выбор, чтобы найти ошибку пути вы передаете prop this.props.thing.source/то, что вы передаете своему компоненту.

Я сделал быстрый пример копирования и вставки, которая иллюстрирует, а также сделал свой компонент работы в

var Things = { 
    findOne: function (thingSource) { 
     if (thingSource) { 
      return { 
       data: 'It did work!' 
      }; 
     } 
     return undefined; 
    } 
} 

var Thing = React.createClass({ 
    propTypes: { 
     thing: React.PropTypes.object.isRequired 
    }, 
    render: function() { 
     return <div>Hello {Things.findOne(this.props.thing.source).data}</div>; 
    } 
}); 

React.render(<Hello thing={{source: true}} />, document.body); 

рабочий пример JSFiddle с вашим точным компонентом может быть found here