Javascript 反应渲染功能中的更改不反映_Javascript_Reactjs

Javascript 反应渲染功能中的更改不反映

javascript reactjs

Javascript 反应渲染功能中的更改不反映,javascript,reactjs,Javascript,Reactjs,我的代码相当简单： var Comment = React.createClass({ render: function() { return ( <div className="comment"> <h2 className="commentAuthor"> hello {this.props.author} </h2> {marked(this.props.chil

我的代码相当简单：

var Comment = React.createClass({
  render: function() {
    return (
      <div className="comment">
        <h2 className="commentAuthor">
          hello {this.props.author}
        </h2>
        {marked(this.props.children.toString())}
      </div>
    );
  }
});

var CommentList = React.createClass({
  render: function() {
    return (
     <div className="commentList">
        <Comment author="John">Here is my comment</Comment>
      </div>
    );
  }
});

我正在使用

jinja

模板引擎在

python27

和

webapp2

上运行本地谷歌应用程序引擎

你说的“编辑”是什么意思？您还没有在任何地方为注释定义编辑界面，比如没有

onInput

处理程序或任何东西。你也不会把任何东西传给

孩子们道具。我在这里运行你的代码，一切看起来都很好。。。还是出了什么问题？@AkshatMahajan通过编辑，我的意思是如果我更改render（）
函数以返回其他字符串，并在浏览器上单击“刷新”，html输出不会更改。@RostyslavKhanas你是对的，JSFIDLE似乎工作正常，但我的本地设置不会。我已经用剩下的代码和我的本地设置详细信息编辑了这个问题。有什么明显的错误吗？@AkshatMahajan看起来像是OP将一个文本节点“这是我的评论”作为子节点传递给
组件。这有点奇怪，但显然有效。您是否已将console.log（）添加到编辑中，以验证新版本是否通过google app engine等到达您的浏览器？
<html>
  <head>
    <meta charset="utf-8" />
    <title>React Tutorial</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>
  </head>
  <body>
    <div id="content"></div>
    <script type="text/babel" src="/js/editor.js"></script>
  </body>
</html>