-1

我正在尝试为我的项目构建用于回流模型的项目,如您所知,回流有:

myblog 
-actions
-stores
-conponents
-----register.js
-libs
-----react.js //or react.js add on, tried using
-----JSXTransformer.js
-----react-with-addons.js //or remove it, tried using
-----reflux.js
-test.html
  • 在 components/register.js 中,我创建了一个带有代码的 global.RegisterForm:

(function(React, global) {
global.RegisterForm = React.createClass({
render : function() { return <h2>Register Form</h2> } }) })(window.React, window);

  • 测试.html:
<html>
<head>

 <script src="libs/react.js"></script>
 <script src="libs/JSXTransformer.js"></script>
 <script src="libs/reflux.js"></script>
 <script src="pages/register.js"></script>
 <script type="text/jsx">

(function(React, global) {

  var RegisterPage = global.RegisterPage;

  var App = React.createClass({

      render : function() {

          return (<RegisterPage />);

      }
  })

    React.render(<App />, document.body)

})(window.React,  window);

 </script>

</head>
<body>

</body>
</html>

你认为没有路由器回流的这个错误是因为我参考了有路由器的回流todo样本吗?

谢谢

4

1 回答 1

0

register.js是一个 JSX 文件,但你没有转换它,这就是你得到这两个错误的原因。

要修复它,您还需要在引用文件时设置类型(即type="text/jsx"):test.html

<script type="text/jsx" src="pages/register.js"></script>
于 2014-12-27T09:09:27.233 回答