【问题标题】:iron-meteor does not recognize react?铁流星不认反应?
【发布时间】:2016-04-04 01:59:05
【问题描述】:

我成功地按照本指南学习使用铁流星 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函数。

  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(, document.getElementById("render

W20151230-00:48:14.957(-5)? (标准错误) ^

W20151230-00:48:14.980(-5)? (STDERR) SyntaxError: Unexpected token

就好像meteor-iron 不识别react 和jsx 标记一样?我如何让它发挥作用?

【问题讨论】:

  • 据我所知,iron router 不适合 react stackoverflow.com/questions/32792092/… 我也在去FlowRouter 的路上
  • 感谢@ThaiTran,但我做了一个简单的meteorjs + 铁路由器+ react 应用程序,结果很好。铁流星的某些东西似乎无法识别反应标记...

标签: meteor reactjs


【解决方案1】:

然后在app/lib/controllers/issues_list_controller.js的时候我用这段代码替换了action函数。

issues_list_controller.js 是一个常规的 javascript 文件。如果您想在代码中使用 JSX,请使用 jsx 扩展名重命名它 - 即 &lt;App router={router} /&gt; 等。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多