将react状态传递给paypal按钮

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

const App = () => {
  const [orderAmount, setOrderAmount] = useState(0);
  const [productDescription, setProductDescription] = useState('');

  const handlePayPalSuccess = (details, data) => {
    console.log('Payment successful', details, data);
    // 处理支付成功的逻辑
  };

  return (
    <div>
      <h1>React PayPal Integration</h1>
      <form>
        <label>Order Amount:</label>
        <input
          type="number"
          value={orderAmount}
          onChange={(e) => setOrderAmount(e.target.value)}
        />
        <br />
        <label>Product Description:</label>
        <input
          type="text"
          value={productDescription}
          onChange={(e) => setProductDescription(e.target.value)}
        />
        <br />
      </form>
      <PayPalButton
        amount={orderAmount}
        onSuccess={handlePayPalSuccess}
        options={{
          clientId: 'YOUR_PAYPAL_CLIENT_ID',
          currency: 'USD',
        }}
      />
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById('root'));