如何根据数组中的元素数进行输入react

import React, { useState } from 'react';

function InputArray() {
  const [inputArray, setInputArray] = useState([]);
  const [result, setResult] = useState('');

  // 处理输入数组的函数
  const handleInputArray = (e) => {
    const value = e.target.value;
    // 将输入的字符串转换为数组
    const array = value.split(',');
    setInputArray(array);
  };

  // 处理根据数组元素数进行输入的函数
  const handleInput = () => {
    const length = inputArray.length;
    setResult(`输入的数组长度为 ${length}`);
  };

  return (
    <div>
      <input type="text" onChange={handleInputArray} />
      <button onClick={handleInput}>根据数组元素数进行输入</button>
      <p>{result}</p>
    </div>
  );
}

export default InputArray;