Question

我成功地按照本指南学习使用铁流星 https://medium.com/meteor-js/how-to-build-web-apps-ultra-fast-with-meteor-iron-scaffolding-and-automatic-form-generation-11734eda8e67#.gw50bxjif

然后我去了命令行并做了iron add react。

我使用内容

创建了一个简单的反应组件app/client/templates/App.jsx

App = React.createClass({
  render() {
    return (
      <div className="container">
        Hello World
      </div>
    );
  }
});

然后在app/lib/controllers/issues_list_controller.js中，我用这段代码替换了动作函数。

  action: function () {
//    this.render();

    var router = this;

    Meteor.startup(function () {
    ReactDOM.render(<App router={router} />, document.getElementById("render-target"));
    });
  },

现在，当我从命令行运行命令iron以启动项目时，我收到错误

W20151230-00：48：14.955（-5）？（STDERR）ReactDOM.render（＆lt; App router = {router} /＆gt ;, document.getElementById（“render

W20151230-00：48：14.957（-5）？（STDERR）^

W20151230-00：48：14.980（-5）？（STDERR）SyntaxError：意外的标记＆lt;

就好像流星铁不能识别反应并且jsx标记了？我如何让它工作？

Answer 1

然后在app/lib/controllers/issues_list_controller.js中，我用这段代码替换了动作函数。

issues_list_controller.js是一个常规的javascript文件。如果要在代码中使用JSX，请使用jsx扩展名重命名 - 例如<App router={router} />等。

铁流星不承认反应？

1 个答案: