Question

我没有使用reactjs输出此代码，请告诉我这段代码有什么问题。我无法找到错误。我第一次使用反应。

<head>
  <script src="https://npmcdn.com/react@15.3.1/dist/react.js"></script>
  <script src="https://npmcdn.com/react-dom@15.3.1/dist/react-dom.js"></script>

</head>
<body>
</body>


<script type="text/jsx">

  var HelloWorld = React.createClass({
    render: function() {
     return <div>
        Hello World
     </div>
    }
  });

  var element = React.createElement(HelloWorld);
  ReactDOM.render(element, document.body);
</script>

Answer 1

<script src="text/jsx">...</script> has been deprecated。

如果您愿意，您仍然可以使用它，还可以在页面中包含独立版本的Babel：

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.14.0/babel.min.js"></script>

然而，这非常缓慢，建立一个合适的React开发环境（可能使用this boilerplate）确实是可取的，尽管我没有任何使用过的经验。 / p>

此外，您可能会收到警告，因为您要将组件呈现为<body>，从而将其替换。您可能希望渲染为单独的<div>：

<body>
  <div id="app"></div>
  <script src="text/jsx">
    ...
    ReactDOM.render(element, document.getElementById('app'));
  </script>
</body>

无法使用reactjs显示

1 个答案: