javascript - 如何使用 ReactJS 添加 <script> 标签？

Question

我需要声明一个 javascript 函数，如下所述:

render: function() {
  return (
          <div>
            <SomeReactClass somefunction="myFunction">
            <script>
              function myFunction(index, row) {
                return index;                       <<<< error in this line 
              }
            </script>
          </div>
          );
}

但是，它不编译:“解析错误:第 113 行:意外的 token 返回”

如何使用 ReactJS 添加标签？

---

更新

我正在尝试使用 bootstrap-table detail view .该函数作为参数传递给网格，用于呈现行的详细信息。另请参阅 example's source code以便更好地理解。

当我尝试你所说的方式时，它编译了，但根本不起作用:

这是它的样子(在上面的例子中):

这就是我用 <SomeReactClass somefunction={myFunction}> 得到的结果

Answer 1

我知道这是旧的，但我最近偶然发现了这个，这是我找到的最好的解决方案(我将它用于浏览器 polyfill，但它适用于任何代码):

render: function() {
  return (
     <div>
        <SomeReactClass somefunction="myFunction">
        <script
          dangerouslySetInnerHTML={{ __html:
            `function myFunction(index, row) {return index;}`
          }}
        />
     </div>
  );
}