有没有办法用reactjs把paypal脚本标签放在按钮里面？

npm install react-paypal-button-v2

import React from 'react';
import ReactDOM from 'react-dom';
import { PayPalButton } from "react-paypal-button-v2";

class MyComponent extends React.Component {
  handleButtonClick = () => {
    const script = document.createElement("script");
    script.src = "https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID";
    script.async = true;
    document.body.appendChild(script);
  }

  render() {
    return (
      <div>
        <button onClick={this.handleButtonClick}>Pay with PayPal</button>
        <PayPalButton
          amount="10.00"
          onSuccess={(details, data) => {
            // 处理支付成功后的逻辑
          }}
        />
      </div>
    );
  }
}

ReactDOM.render(<MyComponent />, document.getElementById("root"));