Checkout UI 扩展不会填充 Shopify 上的订单附加详细信息

Question

我在结帐过程中实现了自定义，并添加了一个文本字段。但是，此文本字段似乎并未将信息发送到 Shopify 上的订单详细信息。我想知道是否可能是我错误地使用了 onChange，我是否错误地设置了值，或者我不应该使用 useState。

import React, { useState } from 'react';
import {
  useExtensionApi,
  render,
  TextField,
} from '@shopify/checkout-ui-extensions-react';

render('Checkout::Dynamic::Render', () => <App />);

function App() {
  const { extensionPoint } = useExtensionApi();
  const [vatNumber, setVatNumber] = useState('');

  const handleVatNumberChange = (val) => {
    setVatNumber(val)
  }

  return (
    <>
      <TextField
        label="VAT Number (Optional)"
        name="vat_number"
        value={vatNumber}
        onChange={(val) => handleVatNumberChange(val)}
      />
    </>
  );
}