antd select二级联动第一个选择框改变时 清空第二个选择框选择的值

您可以在第一个选择框的 `onChange` 事件中设置第二个选择框的值为空，代码示例如下：

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

const { Option } = Select;

const App = () => {
  const [firstValue, setFirstValue] = useState('');
  const [secondValue, setSecondValue] = useState('');

  const handleFirstChange = value => {
    setFirstValue(value);
    setSecondValue('');
  };

  const handleSecondChange = value => {
    setSecondValue(value);
  };

  return (
    <div>
      <Select value={firstValue} onChange={handleFirstChange}>
        <Option value="1">Option 1</Option>
        <Option value="2">Option 2</Option>
      </Select>
      <Select value={secondValue} onChange={handleSecondChange}>
        {firstValue === '1' && (
          <Option value="a">Option A</Option>
        )}
        {firstValue === '2' && (
          <Option value="b">Option B</Option>
        )}
      </Select>
    </div>
  );
};

export default App;

在上面的代码中，我们在第一个选择框的 `onChange` 事件中设置了第二个选择框的值为空。这样，在第一个选择框的值发生变化时，第二个选择框的值就会被清空。