如果两个数组中都出现了东西，如何在React中比较两个数组并更改className？

const array1 = [1, 2, 3, 4];
const array2 = [3, 4, 5, 6];

const commonElements = array1.filter(value => array2.includes(value));

render() {
  const array1 = [1, 2, 3, 4];
  const array2 = [3, 4, 5, 6];
  
  const commonElements = array1.filter(value => array2.includes(value));
  
  return (
    <div>
      {array1.map(value => (
        <div className={commonElements.includes(value) ? 'common' : 'not-common'}>
          {value}
        </div>
      ))}
    </div>
  );
}