Question

有人可以帮忙弄清楚为什么没有任何东西加载到我的HTML页面使用React？出现的错误是第15行的SyntaxError（意外的令牌）。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Venos</title>
</head>
<body>
  <div id="app">
  <div id="react-app">

  </div>
  </div>
  <script type="text/javascript">
    var venosHeader = {
      React.createElement('div', {class: 'randomBody'},
        React.createElement('h2', {}, 'I love Cole...')
      )
    };
    ReactDOM.render(venosHeader, document.getElementById('react-app'));
  </script>
  <script src="https://cdn.jsdelivr.net/react/0.14.0-rc1/react.js"></script>
  <script src="https://cdn.jsdelivr.net/react/0.14.0-rc1/react-dom.js"></script>
</body>
</html>

我仍然是React的新手，我找不到解决方案。

Answer 1

var venosHeader = {
  React.createElement('div', {class: 'randomBody'},
    React.createElement('h2', {}, 'I love Cole...')
  )
};

这不是有效的javascript。

应该是这样的：

var venosHeader = React.createElement('div', {className: 'randomBody'},
    React.createElement('h2', {}, 'I love Cole...')
  );

React.createElement不起作用

1 个答案: