在react中如何获取到组件中所有的antd-input，并在每个antd-input后插入一个a标签

在 React 中获取组件中所有的 Ant Design Input，并在每个 Ant Design Input 后插入一个 a 标签，可以使用 `React.Children.map` 方法遍历子组件，然后使用 `React.cloneElement` 方法为每个子组件添加属性。

下面是一个示例代码：

import React from 'react';
import { Input } from 'antd';

function MyForm() {
  const handleInputChange = (e) => {
    console.log(e.target.value);
  };

  return (
    <div>
      <Input placeholder="请输入" onChange={handleInputChange} />
      <Input placeholder="请输入" onChange={handleInputChange} />
      <Input placeholder="请输入" onChange={handleInputChange} />
    </div>
  );
}

function App() {
  const inputs = React.Children.map(<MyForm />, (child) => {
    if (child.type === Input) {
      return (
        <div>
          {React.cloneElement(child, { ...child.props })}
          <a href="#">Link</a>
        </div>
      );
    }
    return null;
  });

  console.log(inputs);

  return <div>{inputs}</div>;
}

export default App;

在上面的代码中，我们首先定义了一个 `MyForm` 组件，其中包含了三个 Ant Design Input 组件，并且为每个组件都绑定了一个 `onChange` 事件处理函数。

然后在 `App` 组件中，我们使用 `React.Children.map` 方法遍历 `MyForm` 组件的子组件。如果子组件的类型是 `Input`，我们就使用 `React.cloneElement` 方法为该子组件添加一个与原来相同的属性，并在其后面添加一个 a 标签，最后将该子组件和 a 标签一起包装到一个 div 中并返回。

在控制台中，我们可以看到 `inputs` 数组中包含了三个 Ant Design Input 组件，每个组件后面都有一个 a 标签。