Получение этого компонента реакции npm для работы с метеоритом

Question

Использование react-typeahead-component Я использовал browserify, чтобы изменить его с npm в локальный пакет метеорита. Когда я запускаю метеор, на экране ничего не отображается.

OptionTemplate.jsx

module.exports = React.createClass({ 
    render: function() { 

    return (
     <div> 
      <p>HELLO</p> 
     </div> 
    ); 
}, 
    handleChange: function(event) { 
     console.log('HELLO'); 
} 

}); 

main.jsx

var OptionTemplate = require('./OptionTemplate.jsx'); 

SearchBox = React.createClass({render() { 
    return (
    <div className="col-xs-12 col-lg-12"> 
     <OptionTemplate /> 
    </div> 
)} 
}); 

Answer 1

Вы не используете компоненты должным образом. Возможно, вам захочется перечитать документацию о реакции.

В вашем main.jsx вы импортируете компонент «OptionTemplate», но вы пытаетесь отобразить компонент «Typeahead» и передать «OptionTemplate» в качестве опоры. Компонент «Typeahead» теперь находится в «OptionTemplate». Ваш main.jsx должен понравиться:

var OptionTemplate = require('./OptionTemplate.jsx'); 

SearchBox = React.createClass({render() { 
    return (
    <div className="col-xs-12 col-lg-12"> 
     <OptionTemplate /> 
    </div> 
)} 
});