在 React 中放置脚本小部件

Question

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

谢谢！

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

这是一个sandbox

在 React 中放置脚本小部件

Putting a script widget in React

javascript

widget

reactjs