Javascript 在html中引用jsx文件时，React呈现方法不起作用_Javascript_Reactjs_Jsx

Javascript 在html中引用jsx文件时，React呈现方法不起作用

javascript reactjs

Javascript 在html中引用jsx文件时，React呈现方法不起作用,javascript,reactjs,jsx,Javascript,Reactjs,Jsx,我试图从html中引用jsx文件，但呈现函数没有显示任何内容，并且控制台中没有任何错误 *注意-我更改了下面的fb CDN链接，因此不允许它们。CDN链接不是问题所在我的代码如下所示： HTML <html> <head> <script src="https://f*b.me/react-0.14.6.js"></script> <script src="https://f*b.me/react-dom-0.14.6.

我试图从html中引用jsx文件，但呈现函数没有显示任何内容，并且控制台中没有任何错误

*注意-我更改了下面的fb CDN链接，因此不允许它们。CDN链接不是问题所在

我的代码如下所示：

HTML

<html>
  <head>
    <script src="https://f*b.me/react-0.14.6.js"></script>
    <script src="https://f*b.me/react-dom-0.14.6.js"></script>
    <script src="http://f*b.me/JSXTransformer-0.12.1.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  </head>

  <body>
    <div class="container">
      <div id="loggedin"></div>
    </div>
    <script type="text/babel" src="js/script.jsx"></script>
  </body>
</html>

JSX

var App = React.createClass({
    render: function() {
        return(
            <h1>Hello</h1>
        )
    }
});

ReactDOM.render(<App />, document.getElementById('loggedin'));

var-App=React.createClass({
render:function（）{
返回(
你好
)
}
});
render（，document.getElementById（'loggedin'）；

React使用

babel

将jsx转换为js。因此，添加

babel

而不是

JSXTransformer

，并将文件另存为

.js

而不是

.jsx

将此添加到脚本中

<script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>

应该说

React-uses

not

React-not-uses

，对吗？