Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么通用代码不起作用?_Javascript_Reactjs_Redux_React Jsx_Disqus - Fatal编程技术网

Javascript 为什么通用代码不起作用?

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

我想在我的网站上使用它,但在加载它时遇到问题。什么也没出现

我尝试清除缓存和cookie,禁用所有插件、扩展和加载项,但仍然不起作用

以下是代码:

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>
    &nbsp;
    <div style={styles.title}>
      <font size="4">
        Testing Disqus
      </font>
    </div>
    &nbsp;
      <Divider style={{backgroundColor:'#282828'}}/>
    &nbsp;

    <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}/>
      );
  }  
});