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

您没有正确使用组件。您可能需要重新阅读react文档。

在您的main.jsx中，您要导入组件＆＃39; OptionTemplate＆＃39;但是你试图渲染组件＆＃39; Typeahead＆＃39;传入＆＃39; OptionTemplate＆＃39;作为道具。＆＃39; Typeahead＆＃39;组件现在位于OptionTemplate＆＃39;中。你的main.jsx应该像：

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

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

得到这个npm反应组件与流星一起工作

1 个答案: