Question

我无法理解为什么以下内容无法在页面上呈现按钮：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Basic Example</title>    
  </head>
  <body>

    <div id="container"></div>

    <script src="./build/react.js"></script>
    <script src="./build/react-dom.js"></script>
    <script src="./build/react-with-addons.js"></script>



<script type="text/jsx">
      /** @jsx React.DOM */

var Button = React.createClass({
  render: function(){
    return (
      <button>Go</button>
      )
  }
});

ReactDOM.render(<Button />, document.getElementById('container'));

 </script>  


  </body>
</html>

我在控制台中看到的唯一输出是：

Download the React DevTools for a better development experience: https://fb.me/react-devtools

据我所知，这不是错误信息。

Answer 1

这些是我发现的最小化改变。（另请参阅Getting Started页面。）

将./build/react-with-addons.js替换为https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js。
将text/jsx替换为text/babel。
删除第/** @jsx React.DOM */行。

但这可能导致其他错误消息，至少在Firefox中，在控制台中，尽管这不会影响示例的功能。

ReactDOM不呈现元素

1 个答案: