这里是你需要实现它。
1.使用Form的onValuesChange属性。当涉及到Form字段更改时，这是执行setState的最佳位置，而不是在Select或InputonChange上。

<Form onValuesChange={handleFormValuesChange}>
     ...
 </Form>

1.一个表单示例（钩子）。这在您的情况下是可选的，但是这在设置和获取表单值时很有用。在这里查看更多关于它的信息。

const [form] = Form.useForm();

 <Form form={form} onValuesChange={handleFormValuesChange}>
     ...
 </Form>

这是产品选项render的外观，map和filter的组合，其中selectedCompanyId来自state。注意，如果列表的固定长度未知，不要使用索引作为key，React会对此产生混乱，您将得到一些逻辑错误。使用一些唯一的id。

<Form.Item label="Products" name="product">
  <Select>
    {products
      .filter((product) => product.companyId === selectedCompanyId)
      .map((product) => (
        <Option key={product.id} value={product.id}>
          {product.productName}
        </Option>
      ))}
  </Select>
</Form.Item>

这是handleFormValuesChange

const handleFormValuesChange = (changedValues) => {
  const formFieldName = Object.keys(changedValues)[0];
  if (formFieldName === "company") {
    setSelectedCompanyId(changedValues[formFieldName]);  // perform setState here
    form.setFieldsValue({product: undefined}) //reset product selection
  }
};

下面是react hooks中的完整工作代码：

这里的想法是你只需要观察状态中的值的变化。2例如，你的select应该“观察”状态的值，然后你可以通过它自己的React的setState方法轻松地更新状态。3在onChange事件中，你可以简单地对我们的状态做一些事情。

<Select 
  value={state.productId}
  onChange={e => {// Do something}}
>
 {...} 
<Select/>

下面是我的示例代码，我是如何在每次重新选择周选择时更新日期的。希望这能对你有所帮助。

import { Divider, Select } from 'antd';
import React, { useState } from 'react';

export function Example(): JSX.Element {
    const [state, setState] = useState<{week: number, day: number}>({
        day: 1,
        week: 1
    });
    const weeks = [1,2,3,4];
    const days = [1,2,3,4,5];
    return <>
        <Select
            value={state.week}
            onChange={(value) => setState({ week: value, day: 1})}
        >
            {
                weeks.map(week => {
                    return <Select.Option
                        key={week}
                        value={week}
                    >
                        {week}
                    </Select.Option>;
                })
            }
        </Select>

        <Divider/>

        <Select
            value={state.day}
            onChange={(value) => setState({...state, day: value})}
        >
            {
                days.map(day => {
                    return <Select.Option
                        key={day}
                        value={day}
                    >
                        {day}
                    </Select.Option>;
                })
            }
        </Select>
    </>;
}

让我们说你想更新你的选项列表的基础上，你从后端获得的数据;注意：categories是一个数组对象。2从这个数组中你可以取出每个选项的标签和值，如下所示：

const newOptions = categories.map((item, index) => {
return {
  label: item.name,
  value: item._id,
};
});

//然后在表单内使用newOptions，如下所示：

<Form.Item label="anyName" name="anyName">
   <Select
     style={{
       width: 220,
           }}
  onChange={handleChange}
  options={
       newOptions
          }
    />
   </Form.Item>