如何创建触发创建新文本框的按钮？(react)

import React, { useState } from 'react';

function App() {
  const [textBoxes, setTextBoxes] = useState(1);

  // 创建新文本框的函数
  const createTextBox = () => {
    setTextBoxes(textBoxes + 1);
  };

  return (
    <div>
      {/* 显示已有的文本框 */}
      {Array.from({ length: textBoxes }, (_, index) => (
        <input key={index} type="text" />
      ))}

      {/* 创建新文本框的按钮 */}
      <button onClick={createTextBox}>创建新文本框</button>
    </div>
  );
}

export default App;