Question

我有这个代码，我在这里查看了一个教程： https://www.bignerdranch.com/blog/how-to-use-facebooks-react-library-to-build-UIs/

<script type="text/jsx">
/** @jsx React.DOM
*/
var HelloMessage = React.createClass({
  render: function() {
    return (
      <div>
        <h1>Greetings, Human {this.props.name} </h1>
            <p>
              Would you like to play a game?<br />
              How about a nice game of
              <a href="http://nsa.gov"> Chess</a>?
            </p>
      </div>
    );
  }
});

React.renderComponent(
  HelloMessage(),
  document.getElementById('rcomponent')
);

当我将最后一部分更改为：

时

React.renderComponent(<HelloMessage name="John" />, mountNode);

我收到此错误消息：

Uncaught ReferenceError: mountNode is not defined

任何人都可以向我解释发生了什么事吗？我已经查看了至少5个其他示例，并且所有这些示例中的语法和布局都是相同的，所以我不知道出了什么问题。谢谢！

Answer 1

使用有效节点而不是mountNode：

在正文标记

之后插入此行

<div id="app"></div>

然后替换

document.getElementById('example')

而不是mountNode

React.renderComponent(<HelloMessage name="John" />, document.getElementById('example'));

为什么mountNode不会起作用？

1 个答案: