【问题标题】:ReactJS - Script DOM nodeReactJS - 脚本 DOM 节点
【发布时间】:2014-09-07 04:44:27
【问题描述】:

我正在尝试查看如何将ReactDOM.script 节点与外部脚本一起使用(例如:src=http://.....js)。

似乎大家已经注意到它不起作用了。我找不到该问题的解决方案(我真的很想避免使用 Iframe)。

没有人对此有解决方案吗?

谢谢:)

解决方案: 感谢本和菲利克斯。解决方案(对于 Stripe,请阅读下面的 cmets)是将“index.html”正文中的脚本与自定义结帐表单一起使用。

【问题讨论】:

  • “这不起作用” 它不起作用怎么办?无论哪种方式,在 React 中渲染 script 元素似乎都很奇怪,因为它是一个 UI 元素。用例是什么?
  • Stripe 支付网关 :( stripe.com/docs/checkout 感谢英文更正 :)
  • 哦,我明白了。所以它实际上确实将一些东西渲染到 DOM 中。你面临的问题是什么? “不起作用”不是一个有用的问题描述,它不能帮助其他人确定他们是否有同样的问题。 (ps:使用“不”是非常好的;))
  • 您可能想要进行自定义 Stripe 结帐集成,让您可以更好地控制结帐按钮的初始化方式:stripe.com/docs/checkout#integration-custom
  • 好吧抱歉不够清楚:)。使用 ReactDOM.script {...some attributs...} 根本不适用于 ReactJS。我认为这与一些安全问题有关。 ReactJS 将 script 节点添加到 DOM,但 JS 脚本没有下载也没有执行:/ 我想让它执行。相反,我使用的是 IFrame,但我不喜欢这个解决方案,因为某些 UI 效果被限制在该 IFrame 上:(好吧,Ben,我没想过使用自定义解决方案。我会试一试。;)谢谢

标签: javascript coffeescript reactjs


【解决方案1】:

我没用过,但是有一个叫做 ReactScriptLoader 的库可以加载需要第三方脚本的组件。 Here 是 Stripe 的一个例子。

【讨论】:

    【解决方案2】:

    将来可能对您有所帮助的是安装 react chrome 开发者扩展。它在反应组件的节点中显示 DOM。

    这里是链接: https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

    【讨论】:

      猜你喜欢
      • 2013-03-27
      • 1970-01-01
      • 1970-01-01
      • 2015-08-31
      • 2019-08-28
      • 2010-12-02
      • 2010-09-28
      • 2011-03-14
      • 2017-01-19
      相关资源
      最近更新 更多