React/Redux如何过滤两个数组值

import React, { useEffect } from 'react';
import { connect } from 'react-redux';
import { fetchData } from './actions';

const MyComponent = ({ array1, array2, fetchData }) => {
  useEffect(() => {
    fetchData(); // 触发action从后端获取数据
  }, []);

  const filterValue = 'example'; // 过滤条件

  const filterArrays = () => {
    const filteredArray1 = array1.filter(item => item.includes(filterValue));
    const filteredArray2 = array2.filter(item => item.includes(filterValue));
    return { filteredArray1, filteredArray2 };
  };

  const { filteredArray1, filteredArray2 } = filterArrays();

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

const mapStateToProps = state => ({
  array1: state.array1,
  array2: state.array2,
});

const mapDispatchToProps = dispatch => ({
  fetchData: () => dispatch(fetchData()),
});

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);