如何检查嵌套的forLoop中的所有元素是否都为false，并在变量中返回/存储答案？React JS

import React, { useState } from 'react';

const NestedLoopChecker = () => {
  // 假设我们有一个嵌套数组
  const nestedArray = [
    [false, false],
    [false, false],
    [false, false]
  ];

  // 使用useState来存储结果
  const [allFalse, setAllFalse] = useState(true);

  // 使用useEffect来在组件挂载时检查数组
  React.useEffect(() => {
    const checkAllFalse = () => {
      // 使用every方法检查所有元素是否都为false
      const result = nestedArray.every(subArray => 
        subArray.every(element => element === false)
      );
      setAllFalse(result);
    };

    checkAllFalse();
  }, []);

  return (
    <div>
      {allFalse ? '所有元素都为false' : '存在至少一个元素不为false'}
    </div>
  );
};

export default NestedLoopChecker;