Question

如何在渲染函数中将以下HTML添加到React / JSX？

<a name="cjsearchboxanchor"></a>
<div class="cjsearchbox">
    <script language="javascript" type="text/javascript" src="http://www.careerjet.de/partners/js_searchbox.html?n=7&nfr=1"></script>
    <div class="cjbotl bloggerDiv"></div>
</div>

我尝试过：

A）使用以下代码，然后在JSX中输入普通（空）'script'标签：

  componentWillMount() { 
      const script = document.createElement("script")
      script.src = "http://www.careerjet.de/partners/js_jobbox.html   s=java&l=Schweiz&n=5&lid=38241&nfr=1&ntt=1";
      script.language = "javascript";
      script.type= "text/javascript";
      script.async = true;
      document.body.appendChild(script);
  }

- 关注Adding script tag to React/JSX - Stackoverflow

B）使用jQuery使用以下命令将包含上述整个HTML的'embedCode'字符串附加到JSX：$('.classNameOfMyDiv').append(embedCode); - 关注Script tag in React - Codepad example

=＆GT;搜索框确实出现，但无法与其进行交互。这可能是因为以下问题：

“'文件'：不可能从异步加载的外部脚本写入文档除非明确打开。“

C）npm install --save postscribe - 关注krux/postscribe

D）将上面的HTML添加到span

的dangerouslySetInnerHTML={{__html: ...}}标记中

有没有一种简单的方法可以解决这个问题，或者其他方法可以让这个搜索框与React一起使用？非常感谢任何投入。

将搜索框添加到React / JSX（使用脚本标记）

0 个答案: