如何使用2个输入字段react过滤2个数组？

import React, { useState } from 'react';

const FilterArrays = () => {
  const [input1, setInput1] = useState('');
  const [input2, setInput2] = useState('');
  const [filteredArray1, setFilteredArray1] = useState([]);
  const [filteredArray2, setFilteredArray2] = useState([]);

  const array1 = ['apple', 'banana', 'cherry'];
  const array2 = ['dog', 'cat', 'elephant'];

  const handleInputChange1 = (event) => {
    const value = event.target.value;
    setInput1(value);
    setFilteredArray1(array1.filter(item => item.includes(value)));
  };

  const handleInputChange2 = (event) => {
    const value = event.target.value;
    setInput2(value);
    setFilteredArray2(array2.filter(item => item.includes(value)));
  };

  return (
    <div>
      <input type="text" value={input1} onChange={handleInputChange1} />
      <input type="text" value={input2} onChange={handleInputChange2} />

      <h3>Filtered Array 1:</h3>
      <ul>
        {filteredArray1.map(item => <li key={item}>{item}</li>)}
      </ul>

      <h3>Filtered Array 2:</h3>
      <ul>
        {filteredArray2.map(item => <li key={item}>{item}</li>)}
      </ul>
    </div>
  );
};

export default FilterArrays;