利用ant 实现通过点击a-select的选项后，页面生成若干个输入框

Ant Design 是一个流行的 UI 组件库，提供了很多可重用的 React 组件。在 Ant Design 中，有一个名为 Select 的组件，它允许用户从一个下拉菜单中选择一个或多个选项。

要实现在点击 Select 中的某个选项后，在页面上生成若干个输入框，可以使用 Ant Design 中的 Cascader 组件和动态渲染的方式来实现。

以下是一个示例代码，当选择 Select 中的某个选项后，会在页面上生成若干个输入框：

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

const { Option } = Select;

const options = [
  {
    value: 'fruit',
    label: 'Fruit',
    children: [
      {
        value: 'apple',
        label: 'Apple',
        children: [
          { value: 'red', label: 'Red' },
          { value: 'green', label: 'Green' },
        ],
      },
      {
        value: 'banana',
        label: 'Banana',
        children: [
          { value: 'yellow', label: 'Yellow' },
          { value: 'green', label: 'Green' },
        ],
      },
    ],
  },
];

const App = () => {
  const [selectedValues, setSelectedValues] = useState([]);

  const handleSelectChange = (value) => {
    setSelectedValues(value);
  };

  const handleCascaderChange = (value) => {
    console.log(value);
  };

  const getInputFields = () => {
    const inputFields = [];

    selectedValues.forEach((value, index) => {
      inputFields.push(<Input key={index} />);
    });

    return inputFields;
  };

  return (
    <div>
      <Select
        mode="multiple"
        style={{ width: '100%' }}
        placeholder="Please select"
        onChange={handleSelectChange}
      >
        <Option value="fruit">Fruit</Option>
      </Select>

      {selectedValues.length > 0 && (
        <Cascader
          options={options}
          onChange={handleCascaderChange}
          expandTrigger="hover"
          displayRender={(labels) => labels.join(' > ')}
        />
      )}

      {selectedValues.length > 0 && getInputFields()}
    </div>
  );
};

export default App;

在上面的代码中，首先定义了一个 Select 组件，让用户选择一个或多个选项。当用户选择了一个或多个选项后，会在页面上动态生成一个 Cascader 组件，并根据 Cascader 的值动态生成若干个输入框。在这个示例中，我们定义了一个名为 `getInputFields` 的函数，它会根据 selectedValues 数组的长度动态生成若干个输入框。这个函数会被放在页面中，以便在用户选择了 Select 中的选项后，可以根据选项的值动态生成输入框。