Javascript 为什么通用代码不起作用?
我想在我的网站上使用它,但在加载它时遇到问题。什么也没出现 我尝试清除缓存和cookie,禁用所有插件、扩展和加载项,但仍然不起作用 以下是代码:Javascript 为什么通用代码不起作用?,javascript,reactjs,redux,react-jsx,disqus,Javascript,Reactjs,Redux,React Jsx,Disqus,我想在我的网站上使用它,但在加载它时遇到问题。什么也没出现 我尝试清除缓存和cookie,禁用所有插件、扩展和加载项,但仍然不起作用 以下是代码: import React, { Component } from 'react' import { Divider } from 'material-ui' const styles = { title:{ color: 'white', textAlign: 'left', marginLeft: 30 } } export defa
import React, { Component } from 'react'
import { Divider } from 'material-ui'
const styles = {
title:{
color: 'white',
textAlign: 'left',
marginLeft: 30
}
}
export default class TestingDisqus extends Component{
render(){
return(
<div>
<div style={styles.title}>
<font size="4">
Testing Disqus
</font>
</div>
<Divider style={{backgroundColor:'#282828'}}/>
<div id="disqus_thread"></div>
<script>
(function()
var d = document, s = d.createElement('script');
s.src = '//testingdisqus.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
</div>
)
}
}
任何见解将不胜感激!先谢谢你 在React中,最好不要选择并直接操作DOM。React使用虚拟DOM并为您执行DOM操作。在JSX中也有一个IIFE,在JSX中,您需要将所有javascript都用大括号括起来 我建议您为此找到一个React解决方案,而不是尝试在JSX中使用vanilla JS。下面是一个开源的react组件,它可能会解决您的问题或帮助您开始
非常感谢你!我试试看。几个简短的问题,你能为“标识符”输入任何数字,为“标题”输入任何数字吗?至于“url”,这是显示论文的地方吗?最后,我在哪里可以找到“category_id”?@JoMo问得好。我不确定所有这些我都没有经验。通过快速搜索,我在他们的文档中找到了解释每个变量的页面。标识符似乎是“存在Disqs的每一页的唯一标识符”,标题是“存在Disqs的每一页的唯一标题”,url是“存在Disqs的每一页的唯一标题”,至于类别id,它似乎是可选的“指定类别id而不是标题”。如果未定义,Disqs将使用论坛的默认常规类别。但您可能需要为论坛配置默认类别,才能使其正常工作。否则,在我之前的评论中的链接上会有关于使用API为您的站点/论坛创建类别的说明。希望这足以让你的事情进展顺利。此外,如果您真的被ReactDisqusThread组件卡住了,请尝试在他们的github问题中提问。看来作者的反应很快。
import React from 'react'
import ReactDisqusThread from 'react-disqus-thread'
// in your class you can add this:
handleNewComment: function(comment) {
console.log(comment.text);
}
render: function () {
// and put a ReactDisqusThread in your JSX
return (
<ReactDisqusThread
shortname="example"
identifier="something-unique-12345"
title="Example Thread"
url="http://www.example.com/example-thread"
category_id="123456"
onNewComment={this.handleNewComment}/>
);
}
});