Javascript 未捕获引用错误:未定义决战,ReactJS.NET

Javascript 未捕获引用错误:未定义决战,ReactJS.NET,javascript,reactjs.net,Javascript,Reactjs.net,问题:我要学习React.js。我已经将shodown.js文件正确地添加到项目中,并证明它在客户端浏览器中作为脚本文件加载。当页面加载时,我查看控制台,它会显示标题中列出的错误 环境:MVC4/5,Reactjs.NET JSX文件如下所示: var Comment = React.createClass({ render: function() { var converter = new Showdown.converter(); <-- Error is here

问题:我要学习React.js。我已经将shodown.js文件正确地添加到项目中,并证明它在客户端浏览器中作为脚本文件加载。当页面加载时,我查看控制台,它会显示标题中列出的错误

环境:MVC4/5,Reactjs.NET

JSX文件如下所示:

var Comment = React.createClass({
  render: function() {
    var converter = new Showdown.converter(); <-- Error is here
    return (
      <div className="comment">
        <h2 className="commentAuthor">
            {this.props.author}
        </h2>
          {converter.makeHtml(this.props.children.toString())}
      </div>
    );
  }
});
var CommentList = React.createClass({
    render: function () {
        return (
          <div className="commentList">
            <Comment author="Daniel Lo Nigro">Hello ReactJS.NET World!</Comment>
            <Comment author="Pete Hunt">This is one comment</Comment>
            <Comment author="Jordan Walke">This is *another* comment</Comment>

          </div>
      );
    }
});

var CommentForm = React.createClass({
    render: function () {
        return (
          <div className="commentForm">
              Hello, world! I am a CommentForm.
          </div>
      );
    }
});


var CommentBox = React.createClass({
    render: function () {
        return (
      <div className="commentBox">
        <h1>Comments</h1>
        <CommentList />
        <CommentForm />
      </div>
    );
    }
});
ReactDOM.render(
  <CommentBox />,
  document.getElementById('content')
);

问题
如何获得一个新的shodown.convertor实例?

简的建议是正确的。这就是解决问题的方法:



请注意,shodown.js必须位于jsx文件之前。

您是否在索引文件中的
Tutorial.jsx
之后包含了
shodown.js
脚本?@JanKlimo是的,这就是问题所在。。。在需要文件后,我已将其加载。谢谢
var converter = new Showdown.converter();