我想使用ant设计在按下按钮后动态添加两个文本框，并将其存储在一个数组中，如何实现？

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

const DynamicTextBoxes = () => {
  const [textBoxes, setTextBoxes] = useState([]);

  const handleButtonClick = () => {
    const newTextBoxes = [
      ...textBoxes,
      <Input key={textBoxes.length} />
    ];
    setTextBoxes(newTextBoxes);
  };

  return (
    <div>
      <Button onClick={handleButtonClick}>添加文本框</Button>
      {textBoxes.map((textBox, index) => (
        <div key={index}>{textBox}</div>
      ))}
    </div>
  );
};

export default DynamicTextBoxes;