Question

我正在尝试建造我曾经用于回流模型的项目，如你所知，回流有：

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，代码为：

（功能（React，global）{
            global.RegisterForm = React.createClass（{
                render：function（）{                     返回<h2>Register Form</h2>                 }             }）         }）（window.React，window）;

的test.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>

错误： enter link description here

你是否认为这个错误没有路由器的反流，因为我对带有路由器的回流todo样本感到厌烦？

感谢

Answer 1

register.js是一个JSX文件，但您并没有对其进行转换，这就是为什么会出现这两个错误。

要解决此问题，您还需要在type="text/jsx"中的referencing the file时设置类型（即test.html）：

<script type="text/jsx" src="pages/register.js"></script>

在回流中，不能通过全局变量重用Component

1 个答案: