javascript - 将脚本小部件放入 React

Question

我正在尝试在 React 中添加一个脚本标签 <script src='https://squareup.com/appointments/buyer/widget/40tyyrjazxhd8u/B4GN8P3Q0N0Y8.js'></script>，其中包含来自在线预订网站的小部件，我如何能够在 React 中添加它？

谢谢 ！

标签： javascriptreactjswidget

Answer 1

所以，这样的事情可能适用于您的componentDidMount()：

 componentDidMount() {
    const script = document.createElement("script");
    script.src = "https://squareup.com/appointments/buyer/widget/40tyyrjazxhd8u/B4GN8P3Q0N0Y8.js";
    script.async = true;
    document.body.appendChild(script);
 }

这是一个沙箱