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